Para algunos marcos (p. ej., Gatsby >= V3), el valor predeterminado para importar módulos CSS es como módulos ES así:

 import { class1, class2 } from 'styles.modules.css' // or import * as styles from 'styles.modules.css'

https://www.gatsbyjs.com/docs/reference/release-notes/migrating-from-v2-to-v3/#css-modules-are-imported-as-es-modules

Otros proyectos como Create React App todavía usan la exportación predeterminada como esta:

 import styles from 'styles.modules.css'

¿Cómo puedo publicar un componente de reacción (que usa módulos css internamente) para que pueda importarse y usarse en ambos escenarios sin extraer el css?