Fixes #68601

What?

• The wrapping Tooltip around the Circular option picker buttons renders an unnecessary dynamic aria-describedby attribute that makes the color announcement doubled.
• The tooltip visible text mismatches the actual accessible name.

Why?

Tooltips must be used to visually expose the accessible name, there shouldn't be a mismatch between the visible text and the accessible name. Also, redundant announcement are just noisy.

How?

Turns out both OptionAsOption and OptionAsButton use the Button component under the hood. This PR leverages the Button label prop to render a tooltip instead of wrapping the component within a Tooltip.

• Removes the Tooltip component that wraps the buttons.
• Removes the explicit aria-label attribute, also the one passed in the ColorPalette component.
• Levereages the Buttons label prop by using the existing tooltipText prop as its value.

Testing Instructions

• Repeat the steps from the issue Circular option picker: incorrect usage of Tooltip #68601
• Observe there is no dynamic aria-describedby attribute added to the currently focused color button.
• Observe the tooltip renders as expected.
• Observe the tooltip text and the button aria-label match.
• Observe the screen reader only announces the accessible name (there's no unnecessary description any longer).

Testing Instructions for Keyboard

Screenshots or screencast