feat: Add action tokens to PrimaryButton with brand base as fallback

[mannycarrera4]

Summary

Fixes: #3072

Release Category

Components

Release Note

In @workday/canvas-tokens-web@2.1.0 we've added new action tokens. In most cases you'll use brand.primary.** tokens to override theme. However, in the unique cases where you need additional control. over styling PrimaryButton you can override brand.action.** tokens for more control. This PR ensures that PrimaryButton uses the new action tokens with brand.base.** being a fallback token. There should be no breaking changes as this is an addition to provide more control of theming our PrimaryButton component.

Note: If band.action.** token is defined anywhere at the root level, Primary Buttons will receive that color instead of brand.primary.*.

---

Checklist

• MDX documentation adheres to Canvas Kit's Documentation Guidelines
• Label ready for review has been added to PR

For the Reviewer

• PR title is short and descriptive
• PR summary describes the change (Fixes/Resolves linked correctly)
• PR Release Notes describes additional information useful to call out in a release message or removed if not applicable
• Breaking Changes provides useful information to upgrade to this code or removed if not applicable

Where Should the Reviewer Start?

Areas for Feedback? (optional)

• Code
• Documentation
• Testing
• Codemods

Testing Manually

Screenshots or GIFs (if applicable)

Thank You Gif (optional)

[cypress]

Workday/canvas-kit    Run #8183

Run Properties:   Passed #8183  •  e32b55a133 ℹ️: Merge fe627c493cd75a6fe90c1eda1c1776939d43753c into 340f917ae60082f246c1ac420140...

Project	Workday/canvas-kit
Branch Review	mc-action-tokens
Run status	Passed #8183
Run duration	02m 49s
Commit	e32b55a133 ℹ️: Merge fe627c493cd75a6fe90c1eda1c1776939d43753c into 340f917ae60082f246c1ac420140...
Committer	Manuel Carrera
View all properties for this run ↗︎

---

Test results
Failures	0
Flaky	0
Pending	21
Skipped	0
Passing	929
View all changes introduced in this branch ↗︎

UI Coverage  21.24%
Untested elements	1522
Tested elements	408

Accessibility  99.17%
Failed rules	6 critical   5 serious   0 moderate   2 minor
Failed elements	162

[mannycarrera4]

This bit of code allows for consumers just to define primary and not require them to define action.
The below code when passed to canvas provider will work, with action not being defined.

const customColorTheme: PartialCanvasTheme = {
  palette: {
    primary: {
      main: 'purple',
      contrast: 'turquoise',
    },
    error: {
      main: 'crimson',
    },
    success: {
      main: 'aquamarine',
    },
    neutral: {
      main: 'gray',
    },
    common: {
      focusOutline: 'turquoise',
    },
  },
};

If you pass the following, action will win

const customColorThemeWithAction: PartialCanvasTheme = {
  palette: {
    primary: {
      main: 'purple',
      contrast: 'turquoise',
    },
    action: {
      main: 'red',
    },
    error: {
      main: 'crimson',
    },
    success: {
      main: 'aquamarine',
    },
    neutral: {
      main: 'gray',
    },
    common: {
      focusOutline: 'turquoise',
    },
  },
};