Generated by SassMeister.com.

input.scss

@use "sass:map";
@use "sass:list";

@function hydrate($base, $map) {
    $new: ();
    @each $key, $value in $base {
        $new: list.append($new, $value or map-get($map, $key) or $key);
    }
    @return $new;
}

$colors: (
    primary: red,
    secondary: blue,
    tertiary: orange,
);

.foo {
    stuff: hydrate(primary green tertiary, $colors);
    bar: map-get($colors, primary) or foo;
    bar: map-get($colors, orange) or orange;
}

output.css

.foo {
  stuff: red green orange;
  bar: red;
  bar: orange;
}

settings.json

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