Generated by SassMeister.com.

input.scss

@use 'sass:color';
@use 'sass:map';
@use 'sass:selector';
@use 'sass:list';
@use 'sass:math';
@use 'sass:string';

$css-vars: (
  '--md-button-container-color',
  '--md-button-label-text-color',
  '--md-button-height',
);

@function hash($word) {
    @return 'glx';
}

@function getVarName($var) {
    @return #{$var}-#{hash($var)};
}

.test {
    @each $var in $css-vars {
      #{getVarName($var)}: test;
    }
}

output.css

.test {
  --md-button-container-color-glx: test;
  --md-button-label-text-color-glx: test;
  --md-button-height-glx: test;
}

settings.json

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