Generated by SassMeister.com.

input.scss

@use "sass:map";

$color-dark: #1d1d1d;
$color-primary-medium: #f65050;
$color-purple: #4e47c9;
$color-white: #fff;

$colors: (
    'primary-medium': ('bg': $color-primary-medium, 'text': $color-dark),
    'purple': ('bg': $color-purple, 'text': $color-white),
);

body {
  @each $colorName, $colorValue in $colors {
    &.-color-#{$colorName} {
        background-color: map.get($colorValue, 'bg');
        color: map.get($colorValue, 'text');
    }
  }   
}


   

output.css

body.-color-primary-medium {
  background-color: #f65050;
  color: #1d1d1d;
}
body.-color-purple {
  background-color: #4e47c9;
  color: #fff;
}

settings.json

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