How to use css from node modules without global importing?

[anuj-choudhary]

I am using React-Slick in my next.js app. When I am importing slick.css and slick-theme.css globally then it's working fine. But I want to have modular imports to reduce page loading time. But in that case, it's not loading perfectly.

Screen Shots

1. With global importing
   

2. With modular importing
   

System Information

OS: macOS

Note:- I have overridden a few classes of react-slick

[jamesmosier]

Currently there is no reliable way to do this. There is an open issue related to this: #12079