WCAG 1.4.1 Use of Color issue on active (toggled) and disabled controls

Prerequisites

• I have searched for duplicate or closed issues
• I have validated any HTML to avoid common problems
• I have read the contributing guidelines

Describe the issue

Active button use only color for difference with inactive button.

It's break Level A criterion on WCAG, and it make unusuable with forced color mode

Reduced test cases

• Codepen : https://codepen.io/team/bootstrap/pen/qBamdLj
• getbootstrap website https://getbootstrap.com/docs/5.2/components/buttons/#toggle-states
• With forced color sample

(see https://support.mozilla.org/en-US/kb/change-fonts-and-colors-websites-use#w_custom-font-color for firefox settings, i don't found settings for Chrome)

What operating system(s) are you seeing the problem on?

Linux

What browser(s) are you seeing the problem on?

Firefox

What version of Bootstrap are you using?

v5.2.2