All tokens - Nav menu tweaks

[halocline]

Deploy Preview

What does this PR do?

• Fixed primitives collection bug where 'base' was being referenced, but we renamed to primitives
• Some layout tweaks
• Some nav menu styling tweaks

Where should the reviewer start?

What testing has been done on this PR?

In addition to the feature you are implementing, have you checked the following:

General UX Checks

• Small, medium, and large screen sizes
• Cross-browsers (FireFox, Chrome, and Safari)
• Light & dark modes
• All hyperlinks route properly

Accessibility Checks

• Keyboard interactions
• Screen reader experience
• Run WAVE accessibility plugin (Chrome)

Code Quality Checks

• Console is free of warnings and errors
• Passes E2E commit checks
• Visual snapshots are reasonable

How should this be manually tested?

Any background context you want to provide?

What are the relevant issues?

Screenshots (if appropriate)

Should this PR be mentioned in Design System updates?

Is this change backwards compatible or is it a breaking change?

[changeset-bot]

⚠️ No Changeset found

Latest commit: 0fa1b2e

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

[netlify]

❌ Deploy Preview for rad-shortbread-897892 failed.

Name	Link
🔨 Latest commit	0fa1b2e
🔍 Latest deploy log	https://app.netlify.com/sites/rad-shortbread-897892/deploys/67ad363b585dc800080d9a19

[netlify]

✅ Deploy Preview for unrivaled-bublanina-3a9bae ready!

Name	Link
🔨 Latest commit	0fa1b2e
🔍 Latest deploy log	https://app.netlify.com/sites/unrivaled-bublanina-3a9bae/deploys/67ad363bec243c000867dd47
😎 Deploy Preview	https://deploy-preview-4785--unrivaled-bublanina-3a9bae.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.

[britt6612]

In the layer version on mobile when I open the Layer and click on another option for example semantic color I have to then click the exit button for the layer to close. I would expect once I click semantic color it would close and this would be the current state
https://github.com/user-attachments/assets/4f017a62-de4b-4d91-8619-d0898153ab14

[britt6612]

you have the htmlFor on the FormField on my side I didnt see any error here.

[britt6612]

I see why you added this height but also see an issue this is causing

Screen.Recording.2025-02-14.at.2.59.19.PM.mov