How to bundle and distribute included third-party CSS with react component?

[Hariharan Srinath]

I have used CSS modules to import styles from a third-party CSS (material components for web) and have applied it on my React components including the @CSSModules(styles) decorator.

import styles from '@material/card/dist/mdc.card.css'
import CSSModules from 'react-css-modules';

When I try to build it, the built code still seems to refer to the third-party css component rather than a bundled css which causes Module not found: 'postcss' error when trying to import it in an app.

var _materialCardDistMdcCardCss = require('@material/card/dist/mdc.card.css');

Is there a way to bundle all the required css with the component?