fix(ProgressIndicator): fix focus style outline (#11773)

[hannelevaltanen]

Closes #11773

This fixes the ProgressIndicator focus style to follow the style guide.

Default

Focus when using keyboard

Hover

Clicked

Changelog

Changed

• Changed the progress step button to focus the label only

Removed

• Removed unnecessary focus styles

Testing / Reviewing

• Ensure this PR's ProgressIndicator Interactive component has states as above (hover, focus when using keyboard, hover, clicked)
• Check the current way for focus style at https://react.carbondesignsystem.com/?path=/story/components-progressindicator--interactive
• Web Components has a focus style as an underline. However, Is the outlined style still the right way to focus these buttons? https://web-components.carbondesignsystem.com/?path=/story/components-progress-indicator--default

[github-actions]

DCO Assistant Lite bot All contributors have signed the DCO.

[netlify]

✅ Deploy Preview for carbon-components-react ready!

Built without sensitive environment variables

Name	Link
🔨 Latest commit	156b1cb
🔍 Latest deploy log	https://app.netlify.com/sites/carbon-components-react/deploys/633ee9e32099370008a67014
😎 Deploy Preview	https://deploy-preview-12213--carbon-components-react.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site settings.

[netlify]

✅ Deploy Preview for carbon-elements ready!

Name	Link
🔨 Latest commit	156b1cb
🔍 Latest deploy log	https://app.netlify.com/sites/carbon-elements/deploys/633ee9e3fa75c60009a54e97
😎 Deploy Preview	https://deploy-preview-12213--carbon-elements.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site settings.

[hannelevaltanen]

I have read the DCO document and I hereby sign the DCO.

[tw15egan]

This looks great. Thanks for contributing! 🎉

[tay1orjones]

Fantastic, thank you!

[tw15egan]

cc @thyhmdo does this focus state look correct?

[thyhmdo]

Everything looks correct, except the Clicked state.
Text and underline (or text decoration?) change to Black on the active state when the step is a link, meaning that you can go back and forth.
We already have this in our storybook so just want to confirm this.

[thyhmdo]

Here's the spec from Lauren. Active or when selected, the underline should also be 1px instead

[hannelevaltanen]

Thank you all and thank you @thyhmdo for the spec! I can fix the :active state, so only 1px underline and $text-primary (#161616) token for the colors.