title: Am getting an "Error: Semicolons aren't allowed in the indented syntax" when using svelte with sass
body: <p>Tried to read the documentation and correct some issues relating to sass. Added &quot;lang=scss&quot; to the component, but not sure how to correct this issue. Any guidance will be helpful.</p>
  <pre><code>rollup v2.19.0
  bundles src/main.js → public\build\bundle.js...
  [!] (plugin svelte) Error: semicolons aren't allowed in the indented syntax.  ╷
  2 │ $primary: hsl(180, 29%, 50%);
    │                             ^
    ╵
    stdin 2:29  root stylesheet
  </code></pre>
  <p>When changing the code to reflect lang=&quot;sass&quot;, I get the same:</p>
  <pre><code>bundles src/main.js → public\build\bundle.js...
  [!] (plugin svelte) Error: semicolons aren't allowed in the indented syntax.
    ╷
  2 │ $primary: hsl(180, 29%, 50%);
    │                             ^
    ╵
    stdin 2:29  root stylesheet
  src\App.svelte
  Error: semicolons aren't allowed in the indented syntax.
    ╷
  2 │ $primary: hsl(180, 29%, 50%);
    │                             ^
    ╵
    stdin 2:29  root stylesheet
  </code></pre>