For components like AlertDialogs and other components that use Portals, we need to discuss and finalize on how these can be solved in the right way
The problem
- Portal creates a dom element outside the tag making it get rendered outside the context of the global CSS variables. This makes the portal and its content lose its access to these variables breaking in.

Even Radix UI seems to be struggling with it as of date of writing this

https://www.radix-ui.com/primitives/docs/components/alert-dialog