Bootstrap 6 Border Radius

$root-token-defaults: map.set($root-token-defaults, --cui-radius, .5rem);
@each $key, $value in $radii {
  $root-token-defaults: map.set($root-token-defaults, --cui-radius-#{$key}, $value);
}
$root-token-defaults: map.set($root-token-defaults, --cui-radius-pill, 50rem);

$radii: () !default;
// stylelint-disable-next-line scss/dollar-variable-default
$radii: defaults(
  (
    0: 0,
    1: calc(var(--cui-radius) * .25),
    2: calc(var(--cui-radius) * .375),
    3: calc(var(--cui-radius) * .5),
    4: calc(var(--cui-radius) * .75),
    5: var(--cui-radius),
    6: calc(var(--cui-radius) * 1.25),
    7: calc(var(--cui-radius) * 1.5),
    8: calc(var(--cui-radius) * 1.75),
    9: calc(var(--cui-radius) * 2),
  ),
  $radii
);

@mixin border-radius($radius: var(--cui-radius-5), $fallback-border-radius: false) {
  @if $enable-rounded {
    border-radius: valid-radius($radius);
  }
  @else if $fallback-border-radius != false {
    border-radius: $fallback-border-radius;
  }
}

@mixin border-top-radius($radius: var(--cui-radius-5)) {
  @if $enable-rounded {
    border-top-left-radius: valid-radius($radius);
    border-top-right-radius: valid-radius($radius);
  }
}

@mixin border-end-radius($radius: var(--cui-radius-5)) {
  @if $enable-rounded {
    border-start-end-radius: valid-radius($radius);
    border-end-end-radius: valid-radius($radius);
  }
}

@mixin border-bottom-radius($radius: var(--cui-radius-5)) {
  @if $enable-rounded {
    border-bottom-right-radius: valid-radius($radius);
    border-bottom-left-radius: valid-radius($radius);
  }
}

@mixin border-start-radius($radius: var(--cui-radius-5)) {
  @if $enable-rounded {
    border-start-start-radius: valid-radius($radius);
    border-end-start-radius: valid-radius($radius);
  }
}

@mixin border-top-start-radius($radius: var(--cui-radius-5)) {
  @if $enable-rounded {
    border-start-start-radius: valid-radius($radius);
  }
}

@mixin border-top-end-radius($radius: var(--cui-radius-5)) {
  @if $enable-rounded {
    border-start-end-radius: valid-radius($radius);
  }
}

@mixin border-bottom-end-radius($radius: var(--cui-radius-5)) {
  @if $enable-rounded {
    border-end-end-radius: valid-radius($radius);
  }
}

@mixin border-bottom-start-radius($radius: var(--cui-radius-5)) {
  @if $enable-rounded {
    border-end-start-radius: valid-radius($radius);
  }
}

"rounded": (
  property: (
    --cui-rounded-size: null,
    border-radius: var(--cui-rounded-size)
  ),
  class: rounded,
  values: map.merge(
    $utilities-radii,
    (
      null: var(--cui-radius-5),
      circle: 50%,
      pill: var(--cui-radius-pill)
    )
  )
),
"rounded-size": (
  property: --cui-rounded-size,
  class: rounded-size,
  values: map.merge(
    $utilities-radii,
    (
      null: var(--cui-radius-5),
      circle: 50%,
      pill: var(--cui-radius-pill)
    )
  )
),
"rounded-top": (
  property: border-start-start-radius border-start-end-radius,
  class: rounded-top,
  values: map.merge(
    $utilities-radii,
    (
      null: var(--cui-rounded-size, var(--cui-radius-5)),
      circle: 50%,
      pill: var(--cui-radius-pill)
    )
  )
),
"rounded-end": (
  property: border-start-end-radius border-end-end-radius,
  class: rounded-end,
  values: map.merge(
    $utilities-radii,
    (
      null: var(--cui-rounded-size, var(--cui-radius-5)),
      circle: 50%,
      pill: var(--cui-radius-pill)
    )
  )
),
"rounded-bottom": (
  property: border-end-start-radius border-end-end-radius,
  class: rounded-bottom,
  values: map.merge(
    $utilities-radii,
    (
      null: var(--cui-rounded-size, var(--cui-radius-5)),
      circle: 50%,
      pill: var(--cui-radius-pill)
    )
  )
),
"rounded-start": (
  property: border-start-start-radius border-end-start-radius,
  class: rounded-start,
  values: map.merge(
    $utilities-radii,
    (
      null: var(--cui-rounded-size, var(--cui-radius-5)),
      circle: 50%,
      pill: var(--cui-radius-pill)
    )
  )
),