React при сборке собирает все module.css (css) и js (jsx,ts,tsx) в кучу, грубо говоря получается один js и один css).
Глобально стили в React можно подключить в index.js в самом верху по типу:
import 'путь/к/файлу/относительно/index.js/foo.css';
В Next (я сам только начал его изучать), можно подключить подобным образом в файле _app.js.
Module.css позволяет избежать дублирования классов, он подставляет в конец уникальный id, таким образом вы во всех файлах module.css можете использовать одинаковый нейминг не опасаясь что они могут совпасть с другими и будет конфликт стилей.
Я сейчас использую scss и module.scss в NextJS
