fix(local-nav): token updates

[brian-patrick-3]

Summary

Updated Local Nav to use new color tokens based on Global Navigation design updates. Also fixed some styles that appeared to have broken due to merges.

ADO Story Link

https://dev.azure.com/Kyndryl/Shidoka%20-%20Bridge%20Design%20System/_workitems/edit/2003563/?view=edit

Figma Link

• Global Navigation Component
• Global Navigation Patterns

Notes

• Local Nav still to be revisited after this to see if further design changes to be made for 2.0 release.
• Some colors for the various Link states seem like they need to be tweaked further. Discussion started in Figma here.

[netlify]

✅ Deploy Preview for shidoka-applications ready!

Name	Link
🔨 Latest commit	e021134
🔍 Latest deploy log	https://app.netlify.com/sites/shidoka-applications/deploys/679129d699921b0008220608
😎 Deploy Preview	https://deploy-preview-322--shidoka-applications.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 configuration.

[wbarbee]

this LGTM, the only thing to check is a strange effect that is likely just how this is presented in Storybook where the pinned/unpinned nav has an semi-transparent background extending past the nav. should it appear the same as long as the nav is open, regardless of whether it's pinned or not?

just making sure this is as intended:

[brian-patrick-3]

just making sure this is as intended

Yeah the backdrop is only intended to be visible when expanded and not pinned.

[kumarivijeta]

Link 1 appears disabled in Light mode but enabled in Dark mode.

[brian-patrick-3]

Link 1 appears disabled in Light mode but enabled in Dark mode.

Yes, the active state, already raised in Figma, thanks!