title: Gatsby SCSS Module not compiling
body: <p>Running Gatsby version 3.0.1, with sass 1.32.8. I've just started playing about with a few things and I've come into a weird problem that I cannot work out.</p>
  <p><code>./gatsby-config.js</code></p>
  <pre><code>module.exports = {
    /* Your site config here */
    plugins: [
      {
        resolve: `gatsby-plugin-sass`,
        options: {
          implementation: require(&quot;sass&quot;),
        },
      },
    ],
  }
  </code></pre>
  <p><code>./src/pages/index.js</code></p>
  <pre><code>import React from &quot;react&quot;
  import homeStyles from '../styles/scss/index.module.scss'
  
  export default function Home() {
    return &lt;div className={homeStyles.testElement}&gt;Hello world!&lt;/div&gt;
  }
  </code></pre>
  <p><code>./styles/scss/index.module.scss</code></p>
  <pre><code>.testElement {
    font-size: 72px;
  }
  </code></pre>
  <p>The error I get is <code>Attempted import error: '../styles/scss/index.module.scss' does not contain a default export (imported as 'homeStyles').</code></p>
  <p>If I try with <code>import * as homeStyles from '../styles/scss/index/module.scss</code> the error is: <code>Attempted import error: 'testElement' is not exported from '../styles/scss/index.module.scss' (imported as 'homeStyles').</code></p>
  <p>Without knowing precisely how the plugin works, I cannot see any issues that would be causing this.</p>