My React components repository includes individual .css files for each component which are imported into the respective components. These components are then bundled using a rollup configuration and published as an NPM package, with all component CSS being consolidated into main.css.
When I install this repository into a Next.js application, the main.css file is visible in the Node Modules. However, when I import and use a component within the Next.js app, the component's CSS does not render on the page. Interestingly, I have successfully imported this repository into applications like Docusaurus where the CSS displays without any issues.
I am seeking guidance on how to configure the Next.js app so that it can properly consume the bundled CSS without requiring manual addition of the CSS to the Next.js application.