Синтаксис карты 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;
  }
}

Я не могу сказать, что не так. Помощь будет оценена!