perf(ActionList): replace :has([aria-disabled]) with data-is-disabled attribute

Author: hectahertz

packages/react/src/ActionList/ActionList.module.css

@@ -121,7 +121,7 @@
     }
   }
 
-  &:not(:has([aria-disabled], [disabled]), [data-has-subitem='true']) {
+  &:not([data-is-disabled], [data-has-subitem='true']) {
     @media (hover: hover) {
       &:hover,
       &:active {
@@ -330,7 +330,7 @@
   /* disabled */
 
   &[aria-disabled='true'],
-  &:has([aria-disabled='true'], [disabled]) {
+  &[data-is-disabled] {
     & .ActionListContent * {
       color: var(--control-fgColor-disabled);
     }
@@ -371,7 +371,7 @@
   }
 
   /* When TrailingAction is in loading state, keep labels and descriptions accessible */
-  &:has(.TrailingAction [data-loading='true']):not([aria-disabled='true']) {
+  &:has(.TrailingAction [data-loading='true']):not([data-is-disabled]) {
     /* Ensure labels and descriptions maintain accessibility contrast */
     & .ItemLabel {
       color: var(--fgColor-default);

packages/react/src/ActionList/Item.tsx

@@ -256,6 +256,7 @@ const UnwrappedItem = <As extends React.ElementType = 'li'>(
         data-variant={variant === 'danger' ? variant : undefined}
         data-active={active ? true : undefined}
         data-inactive={inactiveText ? true : undefined}
+        data-is-disabled={disabled ? true : undefined}
         data-has-subitem={slots.subItem ? true : undefined}
         data-has-description={slots.description ? true : false}
         className={clsx(classes.ActionListItem, className)}