ALT // I never liked this pattern. // I might not want all css files to import the same way. // It isn't clear that build magic is going on here. import cssModule from './styles.css'; // This is a little better, as the same file can be imported in different ways. // But it still isn't clear that build magic is happening - the module ID is valid. import cssModule from './styles.css?css-module'; // I tend to use this pattern. // It's clear that something non-standard needs to happen to load this module. import cssModule from 'css-module:./styles.css'; // But I'm looking forward to using this instead: import cssModule from './styles.css' with { type: 'rollup-css-module' };

ALT Before: Cold build: 60.31s Rebuild (adding dependency): 22.32s After: Cold build: 39.42s Rebuild (adding dependency): 2.98s

ALT Screenshot of the Tailwind Connect keynote video showing the Lightning CSS logo

ALT Screenshot of the Tailwind Connect keynote video showing a code snippet of a Dialog component built with React Aria Components and Framer Motion