Css bundling - Css modules + classnames breaks
Hi!
I am quite far in the process of migrating my extension to plasmo framework. I managed to make most of the things work except the following:
I use css modules (with sass) and the classnames package to append multiple classes. In most of my react components I receive as prop the className which should also apply to the component(a quite common pattern) like this:
```
import styles from ‘styles.module.scss’
const Spinner = {className:string} => {
<div className={classNames(styles.spinner, className)}
etc……
’’’
Before migrating this was working fine, after migrating this breaks, the css order in which the classes are bundled is incorrect (see also the pic attached).
Is there something I am missing or is this a known issue?
Any help is appreciated. Thank you!
I am quite far in the process of migrating my extension to plasmo framework. I managed to make most of the things work except the following:
I use css modules (with sass) and the classnames package to append multiple classes. In most of my react components I receive as prop the className which should also apply to the component(a quite common pattern) like this:
```
import styles from ‘styles.module.scss’
const Spinner = {className:string} => {
<div className={classNames(styles.spinner, className)}
etc……
’’’
Before migrating this was working fine, after migrating this breaks, the css order in which the classes are bundled is incorrect (see also the pic attached).
Is there something I am missing or is this a known issue?
Any help is appreciated. Thank you!
