Summary

• Notifications (toasts) were rendering on top of open modals and the workspace dropdown menu because --z-toast (500) sat above --z-modal (200) and --z-popover (300) in the shared z-index scale
• Moved the toast/notification layer to --z-toast: 150 so it's ambient: above page content and editor drawers (--z-dropdown: 100), but below the modal and every transient popper (menus, selects, popovers, tooltips)
• Single-token change in globals.css — all toasts, modals, and dropdown menus consume these tokens as the single source of truth, so no component code changes

Type of Change

• Bug fix

Testing

Traced every --z-toast, --z-modal, and --z-popover consumer: the toast stack and modal are both portaled to document.body (shared stacking context, so pure z compares), and the workspace switcher uses DropdownMenu (--z-popover, 300). Verified the only other --z-toast consumers — the landing skip-link (still above the z-50 navbar) and an off-screen drag ghost — are unaffected at 150.

Checklist

• Code follows project style guidelines
• Self-reviewed my changes
• Tests added/updated and passing
• No new warnings introduced
• I confirm that I have read and agree to the terms outlined in the Contributor License Agreement (CLA)