Generated by SassMeister.com.

input.scss

@mixin stroke($width, $color) {
  $shadow: ();
  @for $i from -$width through $width {
    $shadow: append($shadow,#{$width}px #{$i}px $color, comma);
    $shadow: append($shadow,#{-$width}px #{$i}px $color, comma);
    $shadow: append($shadow,#{$i}px #{$width}px $color, comma);
    $shadow: append($shadow,#{$i}px #{-$width}px $color, comma);
  }
  text-shadow: $shadow;
}

.stroke {
    @include stroke(3, var(--brand-black));
}

output.css

.stroke {
  text-shadow: 3px -3px var(--brand-black), -3px -3px var(--brand-black), -3px 3px var(--brand-black), -3px -3px var(--brand-black), 3px -2px var(--brand-black), -3px -2px var(--brand-black), -2px 3px var(--brand-black), -2px -3px var(--brand-black), 3px -1px var(--brand-black), -3px -1px var(--brand-black), -1px 3px var(--brand-black), -1px -3px var(--brand-black), 3px 0px var(--brand-black), -3px 0px var(--brand-black), 0px 3px var(--brand-black), 0px -3px var(--brand-black), 3px 1px var(--brand-black), -3px 1px var(--brand-black), 1px 3px var(--brand-black), 1px -3px var(--brand-black), 3px 2px var(--brand-black), -3px 2px var(--brand-black), 2px 3px var(--brand-black), 2px -3px var(--brand-black), 3px 3px var(--brand-black), -3px 3px var(--brand-black), 3px 3px var(--brand-black), 3px -3px var(--brand-black);
}

settings.json

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