我試圖在SCSS動態生成自動邊距和填充，但它不起作用。看起來#{spacing}部分有問題，但是我不知道是什么導致了這個錯誤。

我有這個SCSS密碼:

@each $abbr, $name in ("t": "top", "r": "right", "b": "bottom", "l": "left") {
    @each $spacing in $spaceamounts {
      .m#{$abbr}-#{$spacing} {
        margin-#{$name}: $spacing rem;
      }
    }
}

我得到的錯誤是:

[plugin:vite:css] [sass] Expected identifier.
  ┌──> src\assets\main.scss
29│       .m#{$abbr}-#{$spacing} {
  │                    ^^^^^^^^ 
  ?
  ?
1 │ .mt-0.5 
  │       ━ error in interpolated output
  ?
  src\assets\main.scss 29:20  root stylesheet