fix: attempting to fix toolbar

[adamleithp]

Problem

Broke toolbar styles... :(

Changes

👉 Stay up-to-date with PostHog coding conventions for a smoother review.

Does this work well for both Cloud and self-hosted?

How did you test this code?

[greptile-apps]

PR Summary

This PR addresses toolbar styling issues in PostHog by modifying the CSS import order and component isolation.

• Modified CSS import order in /frontend/src/styles/base.scss to ensure proper style cascade with Tailwind components
• Added :host selector for Shadow DOM compatibility in toolbar isolation
• Added base styles import to /frontend/src/toolbar/bar/Toolbar.scss for consistent variable access
• Fixed potential z-index layering issue between toolbar menu (z-index: 2) and main toolbar (z-index: 1)
• Addressed toolbar theme compatibility by ensuring proper variable inheritance in light/dark modes

_{2 file(s) reviewed, 1 comment(s)
Edit PR Review Bot Settings | Greptile}

[pauldambra]

i don't know if greptile is right about the order of imports
but this fixes the toolbar thing for me

[github-actions]

Size Change: -5 B (0%)

Total Size: 1.18 MB

ℹ️ View Unchanged

Filename	Size	Change
frontend/dist/toolbar.js	1.18 MB	-5 B (0%)

_{compressed-size-action}