Generated by SassMeister.com.

input.scss

@use "sass:map";

$sizes: (
    'regular': 1rem,
    'small': 0.875rem,
    'large': 2rem
);

@function size($size) {
    @return map.get($sizes, $size);
}

@each $name, $value in $sizes {
    .font-#{$name} {
        font-size: $value;

        @if $name == "large" {
            text-transform: uppercase;
            letter-spacing: 0.125em;
        }
    }
}

output.css

.font-regular {
  font-size: 1rem;
}

.font-small {
  font-size: 0.875rem;
}

.font-large {
  font-size: 2rem;
  text-transform: uppercase;
  letter-spacing: 0.125em;
}

settings.json

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