Hey, thanks :)

There's actually no reason to have that mode for CSS modules. All PostCSS and/or CSS-loader-type integrations with Rollup/webpack will automatically include a `styles` object for you, and you can reference it directly.

In code:

```js import clsx from 'clsx'; import style from './index.css';

export default function Button(props) { let cls = clsx('btn', props.sm && style.small, props.outline && style.outline); return <button className={ cls }>{ props.label }</button>; } ```

... will just work. Once any of those PostCSS/CSS loaders run, the above component is (effectively) turned into:

```js import clsx from 'clsx'; var style = { small: 'ahgs', outline: 'zjh1' }; //<~ here

export default function Button(props) { let cls = clsx('btn', props.sm && style.small, props.outline && style.outline); return <button className={ cls }>{ props.label }</button>; } ```

This is the same as the link you've shared.

If I'm missing something, please let me know. Thanks!