v144 · CSS · design systems
Design System Container
Ignore tree-scope when matching container-name for @container queries. A design-system component can keep its rules inside shadow DOM and still respond to a host container name declared by the consuming page.
Shadow-aware design-system lab
container syntax checking
shadow DOM checking
cross-tree match checking
Document names the component host: container-name --catalog / inline-size 520px