@layer utility {
  .h--dot-xs {
    height: calc(var(--font-size-xs) / 2);
  }
  .h--dot-sm {
    height: calc(var(--font-size-sm) / 2);
  }
  .h--dot-md {
    height: calc(var(--font-size-md) / 2);
  }
  .h--dot-lg {
    height: calc(var(--font-size-lg) / 2);
  }
}