title: React - Importing non-modular sass file returns empty object
body: <p>I'm trying to import some variables from <code>scss</code> files. One is a module (<code>*.module.scss</code>), one is not. When importing the module one, I get the variables in an object. When importing the other one, I get an empty object. The two <code>scss</code> files are identical.</p>
  <p>Here's my <code>scss</code> file:</p>
  <pre><code>:export {
      a: red;
  }
  </code></pre>
  <p>my <code>index.tsx</code>:</p>
  <pre><code>import styles from &quot;./styles/test.module.scss&quot;;
  import nonModularStyles from &quot;./styles/test.scss&quot;;
  
  console.log(styles); // {a: &quot;red&quot;}
  console.log(nonModularStyles);  // {}
  </code></pre>
  <p>Here are the rules from my <code>webpack.config.js</code>:</p>
  <pre><code>{
      test: /\.module\.s[ac]ss$/,
      loader: [
          &quot;style-loader&quot;,
          {
              loader: &quot;css-loader&quot;,
              options: {
                  modules: true,
                  sourceMap: true,
              },
          },
          {
              loader: &quot;sass-loader&quot;,
              options: {
                  sourceMap: true,
              },
          },
      ],
  },
  {
      test: /\.s([ac])ss$/,
      exclude: /\.module.(s(a|c)ss)$/,
      loader: [&quot;style-loader&quot;, &quot;css-loader&quot;, &quot;sass-loader&quot;],
  },
  </code></pre>
  <p>I installed <code>style-loader</code>, <code>sass-loader</code>, <code>css-loader</code>, `sass-m</p>
  <p>Strangely, this exact same setup works in another project fine.</p>