title: node-sass invalid CSS
body: <p>Does node-sass even support @use ? Since I'm getting this error:</p>
  <blockquote>
  <p>SassError: Invalid CSS after &quot;...t-family: fonts&quot;: expected expression (e.g. 1px, bold), was &quot;.$roboto;&quot;</p>
  </blockquote>
  <p>Here's the code of Nav.scss:</p>
  <pre><code>
  .nav {
    width: 100%;
    font-family: fonts.$roboto;
  
    &amp;__item {
      margin-bottom: 10px;
      font-size: variables.$a;
  
      &amp;_active {
        color: rgb(37, 133, 34);
      }
    }
  
    &amp;__item:last-child {
      margin-bottom: 0px;
    }
  }
  </code></pre>
  <p>Here's the code of fonts.scss:</p>
  <pre><code>$roboto: 'Roboto';
  </code></pre>
  <p><a href="https://i.stack.imgur.com/SsNK6.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/SsNK6.png" alt="Here's the file structure" /></a></p>