chore(tag): adjust custom property order to resolve lint violations (#…

…3307)

.changeset/hungry-cougars-end.md

@@ -0,0 +1,5 @@
+---
+"@spectrum-css/tag": patch
+---
+
+Reorder rules and custom properties to resolve lint violations.

components/tag/index.css

@@ -227,6 +227,11 @@
 
 	/* clear button */
 	.spectrum-Tag-clearButton {
+		/* width of fill neutralized to ensure correct inline spacing within tag */
+		--mod-clear-button-width: fit-content;
+		--spectrum-clearbutton-fill-size: fit-content;
+		--spectrum-clearbutton-fill-background-color: transparent;
+
 		box-sizing: border-box;
 
 		padding-block-start: calc(var(--mod-tag-clear-button-spacing-block, var(--spectrum-tag-clear-button-spacing-block)) - var(--mod-tag-border-width, var(--spectrum-tag-border-width)));
@@ -241,11 +246,6 @@
 		/* ensure clear button is correct color */
 		color: currentColor;
 
-		/* width of fill neutralized to ensure correct inline spacing within tag */
-		--mod-clear-button-width: fit-content;
-		--spectrum-clearbutton-fill-size: fit-content;
-		--spectrum-clearbutton-fill-background-color: transparent;
-
 		.spectrum-ClearButton-fill {
 			background-color: var(--mod-clearbutton-fill-background-color, var(--spectrum-clearbutton-fill-background-color));
 
@@ -416,8 +416,6 @@
 /* windows high contrast mode */
 @media (forced-colors: active) {
 	.spectrum-Tag {
-		forced-color-adjust: none;
-
 		--highcontrast-tag-border-color: ButtonText;
 		--highcontrast-tag-border-color-hover: ButtonText;
 		--highcontrast-tag-border-color-active: ButtonText;
@@ -435,6 +433,8 @@
 
 		--highcontrast-tag-focus-ring-color: Highlight;
 
+		forced-color-adjust: none;
+
 		&.is-selected {
 			--highcontrast-tag-border-color-selected: Highlight;
 			--highcontrast-tag-border-color-selected-hover: Highlight;