Generated by SassMeister.com.

input.scss

$brand__colors: (
primary: (
"h": 100,
"l": 50%,
"s": 15%,
"a": 0.9
),
secondary: (
"h": 100,
"l": 50%,
"s": 15%,
"a": 0.9
)
);

@each $key, $value in $brand__colors {
  --#{$key}-color {
    color: hsla( map-get($value, h), map-get($value, l) , map-get($value, s) , map-get($value, a));
  }
} 

output.css

--primary-color {
  color: rgba(32, 57, 19, 0.9);
}

--secondary-color {
  color: rgba(32, 57, 19, 0.9);
}

settings.json

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