Generated by SassMeister.com.

input.scss

// Goes into theme file
$tecton-variable-shims: (
    --t-primary: 400, 
    --t-secondary: 500, 
    --t-tertiary: 700
);

// Goes into Tecton files
$tecton-variable-shims: () !default;
[data-tecton-module] {
    @each $name, $value in $tecton-variable-shims {
        #{$name}: $value;
    }
}

output.css

[data-tecton-module] {
  --t-primary: 400;
  --t-secondary: 500;
  --t-tertiary: 700;
}

settings.json

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