title: After setting up Tailwind in Angular, global scss variable imports no longer works
body: <p>My objective is to configure Tailwind in an existing Angular project, with Material and scss. I have followed this <a href="https://dev.to/seankerwin/angular-8-tailwind-css-guide-3m45" rel="nofollow noreferrer">guide</a>, and most things seem to work. However in the project we have a <code>variables.scss</code> file, with multiple variables defined like:</p>
  <pre><code>$spaceSize32: 32px;
  $spaceSize58: 48px;
  </code></pre>
  <p>We import the variables in our component style with:</p>
  <pre><code>@import 'variables.scss';
  </code></pre>
  <p>However, after upgrading to tailwind, it throws the following error when we try to compile Angular:</p>
  <pre><code>Module build failed (from ./node_modules/postcss-loader/src/index.js):
  Error: Failed to find '~variables.scss'
  </code></pre>
  <p>What can we do to fix this error?</p>