$spacing-data: (
  none: 0,
  unit: .25rem,
  extra-tight: .5rem,
  tight: 1rem,
  base: 1.5rem,
  medium: 2rem,
  loose: 3rem,
  extra-loose: 4rem
);

$new-spacing-data: (
  none: 0,
  unit: .25rem,
  extra-tight: .5rem,
  tight: 1rem,
  base: 1.5rem,
  medium: 2rem,
  loose: 3rem,
  extra-loose: 4rem,
  "2xs": .25rem,
  xs: .5rem,
  sm: 1rem,
  md: 1.5rem,
  lg: 2rem,
  xl: 3rem,
  "2xl": 4rem
);

@function spacing($variant: base) {
  $value: remToPx(map-get($new-spacing-data, $variant));

  @if $value == null {
    @error "Spacing variant `#{$variant}` not found.";
  }

  @return $value;
}