Adds High Contrast Styles to Badge Web Component

[procload]

This pull request primarily focuses on enhancing the visual accessibility of the badge web component in the @fluentui/web-components package by introducing high contrast styles. The changes are made in two files: change/@fluentui-web-components-00702120-ccca-469e-aee3-d0a77b0b9d4c.json and packages/web-components/src/badge/badge.styles.ts.

High contrast style enhancements:

• change/@fluentui-web-components-00702120-ccca-469e-aee3-d0a77b0b9d4c.json: A new pre-release patch has been added which includes high contrast styles for the badge web component.
• packages/web-components/src/badge/badge.styles.ts: The forcedColorsStylesheetBehavior utility has been imported and applied to the badge styles. This utility applies high contrast styles when the system's high contrast mode is enabled. The border color of the badge in different appearances (default, outline, tint) is set to CanvasText in high contrast mode. [1] [2]

Previous Behavior

Without high-contrast styles:

New Behavior

With new high-contrast styles:

[fabricteam]

📊 Bundle size report

✅ No changes found

[codesandbox-ci[bot]]

This pull request is automatically built and testable in CodeSandbox.

To see build info of the built libraries, click here or the icon next to each commit SHA.

[chrisdholt]

This will need to be updated to point to master as the web-components-v3 branch has been merged.