title: Selector ":global" is not pure error with next js build
body: <p>I'm migrating my current React project to Next.js. And I am getting an error saying</p>
  <pre class="lang-sh prettyprint-override"><code>error - ./styles/base/_base.module.css:3:1
  Syntax error: Selector &quot;:global&quot; is not pure (pure selectors must contain at least one local class or id)
  </code></pre>
  <p>These are basically a few global styles that I use almost everywhere in the app plus a few browser resets. So I think it's a good idea to make these styles global. It used to work fine in my React app, but the Next build system is not okay with this. I found a solution on <a href="https://github.com/vercel/next.js/issues/10142#issuecomment-648974042" rel="nofollow noreferrer">github issues</a>. The build system has stopped complaining after that, but it omits all my global styles now. Not sure what am I missing here.</p>
  <p>Here is the link to my <a href="https://github.com/iiison/reebelo-demo/blob/master/next.config.js" rel="nofollow noreferrer">next.config.js</a> and <a href="https://github.com/iiison/reebelo-demo/blob/master/pages/_app.js" rel="nofollow noreferrer">_app.js</a></p>
  <p>It's been a long while, but I can't find what am I missing here.</p>