Functional styles

[vladmoroz]

We've briefly discussed the issues with functional that are needed almost always but might pose problems in edge cases

Examples:

• outline: 0 to clear the default focus outline on non-interactive containers
• overflow: scroll on ScrollArea.Viewport
• max-height: 100% on popups in a positioner
• Other sizing and positioning styles

Options:

• Remove as much functional styles as possible and have the developer add them manually
• Render functional styles in @layer base so they can be overridden by any developer CSS:

<style>@layer base { ... }</style>