Style the whole document

Components are only part of a design system — the base elements and the reset underneath them matter too. This release lets you style raw HTML elements, normalize the browser's defaults, and write utilities and variables in more natural ways.

New

• A global element preset. New composables style HTML elements directly — headings, links, lists, and the rest — so your base typography and element styles come from the same system as your components.
• A sanitize.css preset. A configurable normalization layer smooths over browser default differences, opt-in and tunable rather than all-or-nothing.
• Custom utility syntax. You can define your own utility naming, with class-name generation separated out so the syntax is yours to shape. A shorthand preset ships alongside it.
• Inline variable notation. Reference variables as @variablename directly inside CSS template literals, with at-rules and variables auto-resolved.
• New tokens. Z-index and duration design tokens arrived, the latter wired into transitions, and a 768px md breakpoint closes the gap that sat between the smaller and larger breakpoints.

Improved

• Selective HMR. An importree-based hot-module-reload path invalidates only the caches that changed, so edits update faster during development.
• Selector and variable traversal gained id-based lookup and parent-child relationships, giving the engine a real graph to walk.

Fixed

• Element design-token variables are now scoped to selector callbacks, so dark mode applies to them correctly.