Generated by SassMeister.com.

input.scss

// Defined in asset library
$color-data-blue: #5d8aff;
$color-data-purple: #a858ff;

// Map colors
$colors: (
  blue: $color-data-blue,
  purple: $color-data-purple,
  // and so on...
);

// Generate class names
@each $name, $color in $colors {
  .data-#{$name} {
    background-color: $color;
  }
}

output.css

.data-blue {
  background-color: #5d8aff;
}

.data-purple {
  background-color: #a858ff;
}

settings.json

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