$sizes: (
  1: clampUnit(8, 8),
  // 6xs *
  2: clampUnit(8, 16),
  // 5xs *
  3: clampUnit(16, 24),
  // 4xs *
  4: clampUnit(24, 32),
  // 3xs *
  5: clampUnit(24, 40),
  // 2xs *
  6: clampUnit(24, 48),
  // xs *
  7: clampUnit(24, 56),
  // s
  8: clampUnit(24, 64),
  // m *
  9: clampUnit(32, 72),
  // l
  10: clampUnit(32, 80),
  // xl *
  11: clampUnit(40, 88),
  // 2xl *
  12: clampUnit(40, 96),
  // 3xl
  13: clampUnit(48, 104),
  // 4xl
  14: clampUnit(48, 112),
  // 5xl
  15: clampUnit(48, 120),
  // 6xl *
);

@function size($s) {
  @return var(--llm-size-#{$s}, #{0.5rem * $s});
}

@mixin renderSize() {
  @for $i from 1 through 15 {
    --llm-size-#{$i}: #{map-get($sizes, $i)};
  }
}