Generated by SassMeister.com.

input.scss

$map: (
    "a": "one",
    "b": "two",
    "c": "three"
);
$variable: inline;


$variable: block !default;
$map: (
    1: "one",
    2: "two",
    3: "three"
) !default;


.component {
    display: $variable;
}

@each $number, $value in $map {
    .map-#{$value} { column-count: $number; }
}

output.css

.component {
  display: inline;
}

.map-one {
  column-count: "a";
}

.map-two {
  column-count: "b";
}

.map-three {
  column-count: "c";
}

settings.json

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