title: Why create-react-app cant find my Sass variables
body: <p>I create react app with create-react-app and setup the file structure like that:</p>
  
  <pre><code>src/
   -index.js
   -main.scss
   pages/
    -somepage.js
    -somepage.scss
   styles/
    -_variables.scss
  </code></pre>
  
  <p><strong>index.js</strong></p>
  
  <pre><code>import './main.scss';
  ...
  </code></pre>
  
  <p><strong>main.scss</strong></p>
  
  <pre><code>@import './styles/variables.scss';
  </code></pre>
  
  <p><strong>_variables.scss</strong></p>
  
  <pre><code> $primary: #000;
  </code></pre>
  
  <p><strong>somepage.js</strong></p>
  
  <pre><code>import somepage.scss
  </code></pre>
  
  <p><strong>somepage.scss</strong></p>
  
  <pre><code>selector {
   property: $primary; &lt;-- sass can't find that
  }
  </code></pre>
  
  <p>Any ideas please?
  Thank you.</p>