How to write such a mixin in SASS?

Question

Sass

The text-shadow property in CSS can have a lot of values. They are listed separated by commas. Here is an example:

text-shadow: -0.5px -0.5px 0 #fff,
        0.5px -0.5px 0 #fff,
        -0.5px 0.5px 0 #fff,
        0.5px 0.5px 0 #fff,
        0 0 17.9px rgba(255, 255, 255, 0.16);

The first 4 values ​​make the text stroke. The fifth value makes the text glow.
I want to write a mixin that allows strokes. And at the same time add more values. I wrote like this:

@mixin text-stroke($weight, $color) {
    text-shadow: $weight -$weight 0 $color,
    $weight -$weight 0 $color,
    -$weight $weight 0 $color,
    $weight $weight 0 $color,
    @content;
}

But SASS throws an error:

Invalid CSS after "...eight 0 $color,": expected ";", was "@content;"

How can I write such a mixin? Is this even possible?

Answer 1

expected ";"

Expected ;
It was@content

@mixin text-stroke($weight, $color) {
    text-shadow: $weight -$weight 0 $color,
    $weight -$weight 0 $color,
    -$weight $weight 0 $color,
    $weight $weight 0 $color;
    @content;
}

UPD : solution

@mixin text-stroke($weight, $color, $rest...) {
    text-shadow: $weight -$weight 0 $color,
      $weight -$weight 0 $color,
      -$weight $weight 0 $color,
      $weight $weight 0 $color,
      $rest;
}

body {
  @include text-stroke(10, #fff, ffffffffffff 1 1 1,  ffffffffff 2 2 2);
}