fix: remove application of hover/focus/active states if disabled

Adds a :not(.is-disabled) selector for hover/focus/active states to
ensure that those styles do not apply for disabled accordion item
headers.

In many cases this is not necessary, but when a --mod is used for hover/
focus/active colors, the mod was still being applied even when the
disabled class was present.

Author: rise-erpelding

components/accordion/index.css

@@ -297,20 +297,20 @@
 	color: var(--mod-accordion-item-header-color-default, var(--spectrum-accordion-item-header-color-default));
 	background-color: var(--mod-accordion-background-color-default, var(--spectrum-accordion-background-color-default));
 
-	&:hover {
+	&:hover &:not(.is-disabled) {
 		color: var(--mod-accordion-item-header-color-hover, var(--spectrum-accordion-item-header-color-hover));
 		background-color: var(--mod-accordion-background-color-hover, var(--spectrum-accordion-background-color-hover));
 	}
 
-	&:focus-visible {
+	&:focus-visible &:not(.is-disabled) {
 		border-radius: var(--mod-accordion-corner-radius, var(--spectrum-accordion-corner-radius));
 		background-color: var(--mod-accordion-background-color-key-focus, var(--spectrum-accordion-background-color-key-focus));
 		color: var(--mod-accordion-item-header-color-key-focus, var(--spectrum-accordion-item-header-color-key-focus));
 		outline: var(--mod-accordion-focus-indicator-thickness, var(--spectrum-accordion-focus-indicator-thickness)) solid var(--mod-accordion-focus-indicator-color, var(--spectrum-accordion-focus-indicator-color));
 		outline-offset: var(--mod-accordion-focus-indicator-gap, var(--spectrum-accordion-focus-indicator-gap));
 	}
 
-	&:active {
+	&:active &:not(.is-disabled) {
 		background-color: var(--mod-accordion-background-color-down, var(--spectrum-accordion-background-color-down));
 		color: var(--mod-accordion-item-header-color-down, var(--spectrum-accordion-item-header-color-down));
 	}