Generated by SassMeister.com.

input.scss

.header-m-mobile {
    $font-size: 24;
    $line-height: 1.33;
    font-size: $font-size;
    line-height: #{round($font-size * $line-height)}px;
}

@mixin text($font-size, $line-height) {
    font-size: $font-size;
    line-height: #{round($font-size * $line-height)}px;
}

.header-m-desktop {
    @include text(28, 1.3);
}

output.css

.header-m-mobile {
  font-size: 24;
  line-height: 32px;
}

.header-m-desktop {
  font-size: 28;
  line-height: 36px;
}

settings.json

{
  "sass": {
    "compiler": "dart-sass/1.32.12",
    "extensions": {},
    "syntax": "SCSS",
    "outputStyle": "expanded"
  },
  "autoprefixer": false
}