feat: Add warning tone for Badge

[nats12]

Short description

Adds a new warning variant for the Badge component's tone option.

PR Checklist

• Added tests for bugs / new features
• Updated docs (storybooks, readme)
• Executed npm run validate and made sure no errors / warnings were shown
• Described changes in CHANGELOG.md
• Bumped version in package.json and package-lock.json (npm --no-git-tag-version version <major|minor|patch>) ref
• Reviewed and approved Chromatic visual regression tests in CI

Versioning

Minor

[engfragui]

@nats12 The code change looks sane to me 👌 The only thing I noticed is that the colors are the same for both light and dark mode versions, which I find unusual...

I'm assuming this new Badge tone has been requested by Design team? 🤔

[engfragui]

Code change looks correct so approving. Raised a small note re: colors in light and dark mode, but otherwise good to go in case it's confirmed that the colors are as intended by the Desing team 👌

[nats12]

I'm assuming this new Badge tone has been requested by Design team? 🤔

@engfragui indeed, see convo here about the latest token style, and adding it to this component.

The only thing I noticed is that the colors are the same for both light and dark mode versions, which I find unusual...

I believe dark mode isn't supported for these components, so those aren't the actual dark mode styles that would be applied. That screenshot illustrates an example from the docs on how to style them differently. It seems most are inverted, with a slightly darker tint than in light mode, I'll do the same for warning:

Thanks for raising! 🙌🏼