[Bug][a11y]: Disabled button is showing incorrect font color in High Contrast Mode for some variants

[dineshy87]

Code of conduct

• I agree to follow this project's code of conduct.

Impacted component(s)

Button (primary, negative, secondary, quiet)

Expected behavior

All quiet, primary, secondary, negative buttons must use GrayText as font color when they're disabled.

Actual behavior

Some variants like primary, secondary, negative and quiet buttons are showing in ButtonText color instead of GrayText when they're disabled.

Screenshots

What browsers are you seeing the problem in?

No response

How can we reproduce this issue?

1. Go to 'https://studio.webcomponents.dev/preview/sNQ3ZM8hLebINbXzl9Vt/src?p=stories&busid=7f405180-fd86-11ed-ab77-e1c7fb078b46'
2. Open the Chrome browser and navigate to the website you want to test.
3. Open the Chrome DevTools by pressing Ctrl+Shift+I (Windows) or Cmd+Option+I (Mac).
4. Click on the "Rendering" tab.
5. In the Rendering tab, scroll down and find the "Emulate CSS media feature forced-colors" option.
6. Select the "active" option from the drop-down menu.

The website should now be displayed in forced-colors mode.

Sample code that illustrates the problem

No response

Logs taken while reproducing problem

No response

[Westbrook]

This delivery has been corrected by updated CSS dependencies along the way, as seen in the OP demo: