@function each($ring-width-config) {
  @each $key, $ring-width in $ring-width-config {
    $ring-width-config: map.set(
      $ring-width-config,
      $key,
      (
        --bs-ring-offset-shadow: (
          var(--bs-ring-inset)
            0
            0
            0
            var(--bs-ring-offset-width)
            var(--bs-ring-offset-color),
        ),
        --bs-ring-shadow: (
          var(--bs-ring-inset)
            0
            0
            0
            calc(#{$ring-width} + var(--bs-ring-offset-width))
            var(--bs-ring-color),
        ),
        box-shadow: (
          var(--bs-ring-offset-shadow),
          var(--bs-ring-shadow),
          var(--bs-shadow, 0 0 transparent),
        ),
      )
    );
  }
  @return $ring-width-config;
}

$utilities: map-merge(
  $utilities,
  (
    "ring-width": (
      property: box-shadow,
      class: ring,
      variants: ring-width,
      values: each($ring-width-config),
    ),
    "ring-inset": (
      property: --bs-ring-inset,
      class: ring,
      variants: ring-width,
      values: "inset",
    ),
  )
);