fix: 🤔 Checkbox, switch and radio focus outline color not applied (only with multi-theming)

[auroraVasconcelos]

Current behavior

When navigating through the checkbox, switch or radio using the keyboard, the focus ring (focus outline) appears dark instead of using the theme color.

Expected behavior

When navigating through the checkbox using the keyboard, the focus outline / focus ring should use the theme primary color #0066B3.

Steps to reproduce

Go to the Checkbox or Checkbox Item documentation page (only reproducible with multi-theming).
Navigate through the component using the keyboard (Tab / Shift + Tab).
Observe the focus outline color.

Technical information

The correct theme variables are being resolved, however the value is not wrapped in the required rgb() function, causing the browser to fall back to the default focus outline color.

Technical Information

DoR

• Item has business value
• Item has been estimated by the team
• Item is clear and well-defined
• Item dependencies have been identified