From 909a15ce52b31644b7093d05450f9ddec9346d01 Mon Sep 17 00:00:00 2001
From: swiing <54545719+swiing@users.noreply.github.com>
Date: Sat, 8 Feb 2025 11:38:15 +0100
Subject: [PATCH] fix: apply specificity so that style actually applies to
 checked radio

`:where()` has 0 specificity, the consequence of which is that style does not apply, as it is overridden by other css rules.
=> use `:is()` instead
---
 packages/react/src/Radio/Radio.module.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/react/src/Radio/Radio.module.css b/packages/react/src/Radio/Radio.module.css
index 2032cb8a697..ba572046e38 100644
--- a/packages/react/src/Radio/Radio.module.css
+++ b/packages/react/src/Radio/Radio.module.css
@@ -4,7 +4,7 @@
     background-color,
     border-color 80ms cubic-bezier(0.33, 1, 0.68, 1); /* checked -> unchecked - add 120ms delay to fully see animation-out */
 
-  &:where(:checked) {
+  &:is(:checked) {
     /* stylelint-disable-next-line primer/colors */
     background-color: var(--control-checked-fgColor-rest);