Next.js Sass folder structure

I have facing some problem with Next.js and Sass. In terminal I get this warnings.

chunk styles [mini-css-extract-plugin]
Conflicting order between:
 * css ./node_modules/css-loader??ref--6-2!./node_modules/sass-loader/lib/loader.js??ref--6-3!./components/blog/Blog.sass (1)
 * css ./node_modules/css-loader??ref--6-2!./node_modules/sass-loader/lib/loader.js??ref--6-3!./components/header/Header.sass (1)
 * css ./node_modules/css-loader??ref--6-2!./node_modules/sass-loader/lib/loader.js??ref--6-3!./components/header/Header.sass

I have used separate sass file for each component and import them inside component. But in time of SSR there is some conflict with common sass files.

So, suggest me a better folder structure or best practices with Next.js and Sass. Thank you.

I do not think it has something to do specifically with Nextjs^^
Have you tried to rearrange imports order?

Similar error from same/different sources: