Components: Components and UI Button color parity

[simison]

WIP

What?

Part of #76135

Follow-up to #79993

Fixes #80211

Why?

How?

Testing Instructions

Test npm run storybook:e2e:dev to see button grid before and after.

Testing Instructions for Keyboard

Screenshots or screencast

Before	After

Use of AI Tools

[github-actions]

Warning: Type of PR label mismatch

To merge this PR, it requires exactly 1 label indicating the type of PR. Other labels are optional and not being checked here.

• Required label: Any label starting with [Type].
• Labels found: [Status] In Progress, [Package] Components, [Feature] Component System.

Read more about Type labels in Gutenberg. Don't worry if you don't have the required permissions to add labels; the PR reviewer should be able to help with the task.

[github-actions]

Size Change: +1.28 kB (+0.02%)

Total Size: 7.7 MB

📦 View Changed

Filename	Size	Change
build/styles/components/style-rtl.css	18.4 kB	+330 B (+1.82%)
build/styles/components/style-rtl.min.css	15.3 kB	+307 B (+2.05%)
build/styles/components/style.css	18.5 kB	+331 B (+1.82%)
build/styles/components/style.min.css	15.3 kB	+309 B (+2.06%)

_{compressed-size-action}

[github-actions]

Flaky tests detected in 5a6e64f.
Some tests passed with failed attempts. The failures may not be related to this commit but are still reported for visibility. See the documentation for more information.

🔍 Workflow run URL: https://github.com/WordPress/gutenberg/actions/runs/29347339212
📝 Reported issues:

• [Flaky Test] Should insert content using the global inserter #78924 in /test/e2e/specs/widgets/editing-widgets.spec.js
• [Flaky Test] inserts a mention chip that survives saving the note #80226 in /test/e2e/specs/editor/various/block-notes.spec.js
• [Flaky Test] should update the HTML only for the latest navigation #78835 in /test/e2e/specs/interactivity/router-navigate.spec.ts