fix(button): s1/express static outline variant content color (#3665)

Author: rise-erpelding

.changeset/happy-frogs-flash.md

@@ -0,0 +1,5 @@
+---
+"@spectrum-css/button": patch
+---
+
+Adjust S1/Express static outline variant content color (from transparent-black/white to solid black/white) to fix unintentional regression.

components/button/themes/spectrum.css

@@ -62,6 +62,11 @@
 				--spectrum-button-background-color-down: var(--spectrum-transparent-white-400);
 				--spectrum-button-background-color-focus: var(--spectrum-transparent-white-300);
 
+				--spectrum-button-content-color-default: var(--spectrum-white);
+				--spectrum-button-content-color-hover: var(--spectrum-white);
+				--spectrum-button-content-color-down: var(--spectrum-white);
+				--spectrum-button-content-color-focus: var(--spectrum-white);
+
 				--spectrum-button-border-color-default: var(--spectrum-transparent-white-800);
 				--spectrum-button-border-color-hover: var(--spectrum-transparent-white-900);
 				--spectrum-button-border-color-down: var(--spectrum-transparent-white-900);
@@ -74,6 +79,11 @@
 				--spectrum-button-background-color-down: var(--spectrum-transparent-white-400);
 				--spectrum-button-background-color-focus: var(--spectrum-transparent-white-300);
 
+				--spectrum-button-content-color-default: var(--spectrum-white);
+				--spectrum-button-content-color-hover: var(--spectrum-white);
+				--spectrum-button-content-color-down: var(--spectrum-white);
+				--spectrum-button-content-color-focus: var(--spectrum-white);
+
 				&.spectrum-Button--outline {
 					--spectrum-button-border-color-default: var(--spectrum-transparent-white-300);
 					--spectrum-button-border-color-hover: var(--spectrum-transparent-white-400);
@@ -99,6 +109,11 @@
 				--spectrum-button-background-color-down: var(--spectrum-transparent-black-400);
 				--spectrum-button-background-color-focus: var(--spectrum-transparent-black-300);
 
+				--spectrum-button-content-color-default: var(--spectrum-black);
+				--spectrum-button-content-color-hover: var(--spectrum-black);
+				--spectrum-button-content-color-down: var(--spectrum-black);
+				--spectrum-button-content-color-focus: var(--spectrum-black);
+
 				--spectrum-button-border-color-default: var(--spectrum-transparent-black-400);
 				--spectrum-button-border-color-hover: var(--spectrum-transparent-black-500);
 				--spectrum-button-border-color-down: var(--spectrum-transparent-black-600);
@@ -111,6 +126,11 @@
 				--spectrum-button-background-color-down: var(--spectrum-transparent-black-400);
 				--spectrum-button-background-color-focus: var(--spectrum-transparent-black-300);
 
+				--spectrum-button-content-color-default: var(--spectrum-black);
+				--spectrum-button-content-color-hover: var(--spectrum-black);
+				--spectrum-button-content-color-down: var(--spectrum-black);
+				--spectrum-button-content-color-focus: var(--spectrum-black);
+
 				&.spectrum-Button--outline {
 					--spectrum-button-border-color-default: var(--spectrum-transparent-black-300);
 					--spectrum-button-border-color-hover: var(--spectrum-transparent-black-400);