title: Parcel + SASS: Import from node_modules without tilde operator? Or is it something else?
body: <p>I am using Parcel with SASS, and I am trying to use the <a href="https://github.com/material-components/material-components-web" rel="nofollow noreferrer">material-components-web</a> 
  (MDC Web).</p>
  
  <p>In the guide of MDC Web they say you should import the modules that come with this package like this inside your stylesheets:</p>
  
  <pre><code>@import "@material/textfield/mdc-text-field";
  </code></pre>
  
  <p>But when I try this and I run parcel, I get this error message:</p>
  
  <pre><code>Can't find stylesheet to import.
    ╷
  2 │ @import "@material/textfield/mdc-text-field";
    │         ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
    ╵
    main.scss 2:9  root stylesheet
  Error: Can't find stylesheet to import.
  </code></pre>
  
  <p>so when I change the line to the following, with the tilde operator</p>
  
  <pre><code>@import "~@material/textfield/mdc-text-field";
  </code></pre>
  
  <p>it finds the stylesheet to import, but the referenced stylesheet mdc-text-field, that is inside the nodes_modules, tries to load other stylesheets without the tilde operator, so I get an other error like this:</p>
  
  <pre><code> Can't find stylesheet to import.
     ╷
  23 │ @import "@material/animation/variables";
     │         ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
     ╵
    node_modules\@material\textfield\mdc-text-field.scss 23:9  @import
    main.scss 2:9                                              root stylesheet
  Error: Can't find stylesheet to import.
  </code></pre>
  
  <p>So how can I fix this problem?</p>