chore(checkbox): making tokens more specific

Author: aramos-adobe

components/checkbox/dist/metadata.json

@@ -82,6 +82,7 @@
   ],
   "modifiers": [
     "--mod-checkbox-animation-duration",
+    "--mod-checkbox-background-color",
     "--mod-checkbox-border-width",
     "--mod-checkbox-bottom-to-text",
     "--mod-checkbox-checkmark-color",
@@ -124,6 +125,7 @@
   ],
   "component": [
     "--spectrum-checkbox-animation-duration",
+    "--spectrum-checkbox-background-color",
     "--spectrum-checkbox-border-width",
     "--spectrum-checkbox-bottom-to-text",
     "--spectrum-checkbox-checkmark-color",

components/checkbox/index.css

@@ -483,7 +483,7 @@
 	&::before {
 		forced-color-adjust: none;
 		border-color: var(--highcontrast-checkbox-color-default, var(--mod-checkbox-control-color-default, var(--spectrum-checkbox-control-color-default)));
-
+		background-color: var(--spectrum-checkbox-background-color);
 		display: block;
 		z-index: 0;
 		content: "";