Sass映射语法无法产生所需的输出

Question

我有以下Sass：

$spacings: (
  none: 0,
  xs: 4,
  s: 8,
  m: 16,
  l: 24,
  xl: 32,
);

@each $size, $value in spacings {
  .margin-#{$size} {
    margin: $value;
  }
}

我想要的输出是类似

.margin-none {
  margin: 0;
}

.margin-xs {
  margin: 4;
}

...

但是它不起作用。

内联间距值有效：

@each $size, $value in (
  none: 0,
  xs: 4,
  s: 8,
  m: 16,
  l: 24,
  xl: 32,
) {
  .margin-#{$size} {
    margin: $value;
  }
}

我真的无法分辨出什么问题。帮助将不胜感激！