@function each($theme-colors) {
  @each $key, $theme-color in $theme-colors {
    $theme-colors: map.set(
      $theme-colors,
      $key,
      (
        --bs-ring-offset-color: $theme-color,
        box-shadow: (
          0 0 0 var(--bs-ring-offset-width) var(--bs-ring-offset-color),
          var(--bs-ring-shadow),
        ),
      )
    );
  }
  @return $theme-colors;
}

$utilities: map-merge(
  $utilities,
  (
    "ring-offset-color": (
      property: --bs-ring-offset-color box-shadow,
      class: null,
      responsive: true,
      variants: ring-offset-color,
      values:
        each(
          map-merge(
            (
              "transparent": transparent,
              "current": currentColor,
            ),
            $theme-colors
          )
        ),
    ),
  )
);