Refactor "focus-ring" tokens and mixins to support both "active" and "critical" colors

[didoo]

📌 Summary

The Dropdown components has "link" items that have not only action but also critical colors (see #68 for example).
At the moment the "focus-ring" tokens and mixins support only the action

🛠️ Detailed description

In this PR I have:

• refactored “focus-ring” tokens to support both “action” and “critical“ colors
• regenerated tokens and CSS helpers in output
• refactored the “focus-ring” mixins to support both “action” (default) and “critical“ colors
• updated documentation page for “focus-ring”

Notice: I have bumped the minor change for the @hashicorp/design-system-tokens (despite being a breaking change) and the patch change for the @hashicorp/design-system-components because of the fact that we have not yet released a version 1.0.0 of the packages. I'll take care to open a PR for DevDot to update their codebase and take care of the breaking change (just a matter or renaming a classname in a couple of places).

📸 Screenshots

---

👀 How to review

👉 Review commit-by-commit or by files changed (as you prefer)

Reviewer's checklist:

• +1 Percy
• Confirm that PR has a changelog update via Changesets if needed

💬 Please consider using conventional comments when reviewing this PR.

---

• To see the specific tasks where the Asana app for GitHub is being used, see below:
  • https://app.asana.com/0/0/1201992749289419

[changeset-bot]

🦋 Changeset detected

Latest commit: 411cd9b

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 2 packages

Name	Type
@hashicorp/design-system-tokens	Minor
@hashicorp/design-system-components	Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[vercel]

This pull request is being automatically deployed with Vercel (learn more).
To see the status of your deployments, click below or on the icon next to each commit.

hds-flight-website – ./

🔍 Inspect: https://vercel.com/hashicorp/hds-flight-website/2oFBmED7Q8bhcp59ovzzg51JcUXZ
✅ Preview: https://hds-flight-website-git-focus-ring-mixin-refactoring-hashicorp.vercel.app

hds-components – ./

🔍 Inspect: https://vercel.com/hashicorp/hds-components/3ukMvcGZa6hzgVkNVJQupdtdfhuS
✅ Preview: https://hds-components-git-focus-ring-mixin-refactoring-hashicorp.vercel.app

[didoo]

@MelSumner I have refactored the hds-focus-ring-with-pseudo-element mixin, so you can use it in your Dropdown "link" items (once reviewed/approved/merged you have to pull main in your branch).

[didoo]

Note: re-opened because I deleted the branch by mistake.

[MelSumner]

This is super useful, thank you for doing this! 👍