Dynamically loading CSS/SCSS files

[ofilipowicz]

I have a Bootstrap theme that supports a dark mode. It's done by loading one of the two .scss files - normal theme.scss or theme-dark.scss. I'd like to import one of them dynamically in _app.tsx based on the Context API variable. Although I'm not sure if there is a way to do it in Next.js, I can just import stylesheets unconditionally.