inset-ring-full utility

[aaronadamsCA]

With Tailwind v4, I figured out a hover effect that works reasonably well across any combination of foreground and background colours:

https://play.tailwindcss.com/mzaDbpXcK7?layout=horizontal

<div class="flex flex-col *:rounded-full *:p-2 *:hover:inset-ring-[calc(infinity*1px)] *:hover:inset-ring-current/10">
  <button class="bg-white text-red-700">Button</button>
  <button class="bg-white text-green-700">Button</button>
  <button class="bg-white text-blue-700">Button</button>
  <button class="bg-white text-gray-700">Button</button>
  <button class="bg-red-700 text-white">Button</button>
  <button class="bg-green-700 text-white">Button</button>
  <button class="bg-blue-700 text-white">Button</button>
  <button class="bg-gray-700 text-white">Button</button>
</div>

I think this technique might be useful enough to deserve a new inset-ring-full utility with an infinity value, just like rounded-full.