@mixin shape() { ... }@mixin shape() { 
  @include kib-foundations.base-styles;

  --kib-skeleton-shape-ratio-width: 1;
  --kib-skeleton-shape-ratio-height: 1;

  $width: var(--kib-skeleton-shape-ratio-width);
  $height: var(--kib-skeleton-shape-ratio-height);

  @include kib-foundations.aspect-ratio($width, $height);

  @media (forced-colors: active) {
    border: kib-foundations.rem(1px) solid GrayText;
  }
 }

@mixin shape-circle() { ... }@mixin shape-circle() { 
  @include kib-foundations.circular-skeleton;
 }