Generated by SassMeister.com.

input.scss

@use 'sass:meta';
@use 'sass:map';

// -----------------------
// _gm-sys-typescale.scss
// -----------------------

$body1-font: 'Google Sans Text';
$body1-line-height: 24px;
$body1-size: 16px;
$body1-tracking: 0px;
$body1-weight: 400;

// -----------------------
// typography/_mixins.scss
// -----------------------

@function _px-to-rem($size) {
  @return $size / 16px * 1rem;
}

@mixin _font($font) {
  @if $font == 'Google Sans Text' {
    $font: 'Google Sans';
  }

  font-family: $font, Roboto, Arial, sans-serif;
}

@mixin _line-height($value) {
  line-height: _px-to-rem($value);
}

@mixin _size($value) {
  font-size: _px-to-rem($value);
}

@mixin _tracking($value, $size) {
  letter-spacing: $value / $size * 1em;
}

@mixin _weight($value) {
  font-weight: $value;
}

@mixin typescale($args...) {
  @each $key, $value in meta.keywords($args) {
    @if $key == 'font' {
      @include _font($value);
    } @else if $key == 'line-height' {
        @include _line-height($value);
    } @else if $key == 'size' {
        @include _size($value);
    } @else if $key == 'tracking' {
        @include _tracking($value, $size: map.get(meta.keywords($args), 'size'));
    } @else if $key == 'weight' {
        @include _weight($value);
    }
  }
}

// -----------------------
// _app.scss
// -----------------------

.body-text {
    @include typescale(
      $font: $body1-font,
      $line-height: $body1-line-height,
      $size: $body1-size,
      $tracking: $body1-tracking,
      $weight: $body1-weight,
    )
}

output.css

.body-text {
  font-family: "Google Sans", Roboto, Arial, sans-serif;
  line-height: 1.5rem;
  font-size: 1rem;
  letter-spacing: 0em;
  font-weight: 400;
}

settings.json

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