Generated by SassMeister.com.

input.scss

$theme-colors: (
  "primary":    blue,
  "secondary":  gray,
  "success":    green
) !default;

$theme-colors: map-merge($theme-colors, (
  "disabled": gray,
));

@each $color, $value in $theme-colors {
    .text-#{$color} { color: $value; }
}

output.css

.text-primary {
  color: blue;
}

.text-secondary {
  color: gray;
}

.text-success {
  color: green;
}

.text-disabled {
  color: gray;
}

settings.json

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