@function each($theme-colors) {
  @each $key, $theme-color in $theme-colors {
    $theme-colors: map.set(
      $theme-colors,
      $key,
      (
        --bs-ring-color: to-rgb($theme-color, var(--bs-ring-opacity)),
        --bs-ring-color-hint: $theme-color,
      )
    );
  }
  @return $theme-colors;
}

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