chore: resolve lint warnings (#4140)

Author: castastrophe

components/actionbutton/index.css

@@ -52,7 +52,6 @@ governing permissions and limitations under the License.
 	--spectrum-actionbutton-edge-to-text: var(--spectrum-component-edge-to-text-100);
 	--spectrum-actionbutton-edge-to-visual-only: var(--spectrum-component-edge-to-visual-only-100);
 
-	/* stylelint-disable-next-line spectrum-tools/no-unknown-custom-properties -- height and width are set by implementations */
 	--spectrum-actionbutton-downstate-perspective: max(var(--spectrum-downstate-height), var(--spectrum-downstate-width) * var(--spectrum-component-size-width-ratio-down));
 
 	&:dir(rtl) {

components/button/index.css

@@ -41,7 +41,6 @@
 	--spectrum-button-intended-icon-size: var(--spectrum-workflow-icon-size-100);
 
 	--mod-progress-circle-position: absolute;
-	/* stylelint-disable-next-line spectrum-tools/no-unknown-custom-properties -- height and width are set by implementations */
 	--spectrum-downstate-perspective: max(var(--spectrum-downstate-height), var(--spectrum-downstate-width) * var(--spectrum-component-size-width-ratio-down));
 
 	&.spectrum-Button--iconOnly {
@@ -355,7 +354,7 @@
 	margin-inline-start: var(--mod-button-margin-left);
 
 	.spectrum-Icon {
-		/* stylelint-disable-next-line spectrum-tools/no-unknown-custom-properties -- Any block-size difference between the intended workflow icon size and actual icon used. Helps support any existing use of smaller UI icons instead of intended Workflow icons. */
+		/* Any block-size difference between the intended workflow icon size and actual icon used. Helps support any existing use of smaller UI icons instead of intended Workflow icons. */
 		--_icon-size-difference: max(0px, var(--spectrum-button-intended-icon-size) - var(--spectrum-icon-block-size, var(--spectrum-button-intended-icon-size)));
 
 		margin-block-start: var(--mod-button-icon-margin-block-start, max(0px, var(--mod-button-top-to-icon, var(--spectrum-button-top-to-icon)) - var(--mod-button-border-width, var(--spectrum-button-border-width)) + (var(--_icon-size-difference, 0px) / 2)));

components/infieldbutton/index.css

@@ -35,8 +35,6 @@
 	--spectrum-infield-button-field-edge-to-disclosure-icon: var(--spectrum-field-edge-to-disclosure-icon-100);
 
 	--spectrum-infield-button-fill-justify-content: center;
-
-	/* stylelint-disable-next-line spectrum-tools/no-unknown-custom-properties -- height and width are set by implementations */
 	--spectrum-infield-button-downstate-perspective: max(var(--spectrum-downstate-height), var(--spectrum-downstate-width) * var(--spectrum-component-size-width-ratio-down));
 
 	&:disabled {

components/menu/index.css

@@ -573,7 +573,6 @@
 
 		/* The perceived motion can be a bit jarring given the size/complexity of a menu item */
 		@media (prefers-reduced-motion: no-preference) {
-			/* stylelint-disable-next-line spectrum-tools/no-unknown-custom-properties -- height and width are set by implementations */
 			transform: perspective(max(var(--spectrum-downstate-height), var(--spectrum-downstate-width) * var(--spectrum-component-size-width-ratio-down))) translateZ(var(--spectrum-component-size-difference-down));
 		}
 

components/modal/index.css

@@ -49,9 +49,7 @@
 	 * We use the stretch value to counteract this where supported.
 	 */
 	block-size: 100vh;
-	/* stylelint-disable-next-line value-no-vendor-prefix */
 	block-size: -moz-available;
-	/* stylelint-disable-next-line value-no-vendor-prefix */
 	block-size: -webkit-fill-available;
 
 	/* autoprefixer: ignore next -- -moz-available providing inconsistent results; want to fall FF back to 100vh */

components/picker/dist/metadata.json

@@ -129,7 +129,6 @@
     "--spectrum-picker-background-color-active",
     "--spectrum-picker-background-color-default",
     "--spectrum-picker-background-color-default-open",
-    "--spectrum-picker-background-color-disabled",
     "--spectrum-picker-background-color-hover",
     "--spectrum-picker-background-color-hover-open",
     "--spectrum-picker-background-color-key-focus",
@@ -226,7 +225,6 @@
     "--spectrum-corner-radius-medium-size-medium",
     "--spectrum-corner-radius-medium-size-small",
     "--spectrum-default-font-style",
-    "--spectrum-disabled-background-color",
     "--spectrum-disabled-content-color",
     "--spectrum-downstate-height",
     "--spectrum-downstate-width",

components/picker/index.css

@@ -93,7 +93,6 @@
 
 	--spectrum-picker-icon-color-error: var(--spectrum-negative-visual-color);
 
-	--spectrum-picker-background-color-disabled: var(--spectrum-disabled-background-color);
 	--spectrum-picker-font-color-disabled: var(--spectrum-disabled-content-color);
 	--spectrum-picker-icon-color-disabled: var(--spectrum-disabled-content-color);
 

components/pickerbutton/index.css

@@ -29,9 +29,6 @@
 	--spectrum-picker-button-background-animation-duration: var(--spectrum-animation-duration-100);
 
 	--spectrum-picker-button-fill-padding: var(--spectrum-field-edge-to-disclosure-icon-100); /* equivalent to --spectrum-infield-button-inline-edge-to-disclosure-icon */
-
-
-	/* stylelint-disable-next-line spectrum-tools/no-unknown-custom-properties -- height and width are set by implementations */
 	--spectrum-picker-button-downstate-perspective: max(var(--spectrum-downstate-height), var(--spectrum-downstate-width) * var(--spectrum-component-size-width-ratio-down));
 
 	&:disabled {

components/tag/index.css

@@ -297,8 +297,6 @@
 		border-color: var(--spectrum-tag-border-color-active);
 		background-color: var(--spectrum-tag-background-color-active);
 		color: var(--spectrum-tag-content-color-active);
-
-		/* stylelint-disable-next-line spectrum-tools/no-unknown-custom-properties -- height and width are set by implementations */
 		transform: perspective(max(var(--spectrum-downstate-height), var(--spectrum-downstate-width) * var(--spectrum-component-size-width-ratio-down))) translateZ(var(--spectrum-component-size-difference-down));
 	}