title: SCSS in Svelte not recognized by Visual Studio Code
body: <p>VSCode does not recognize the scss that I include within a svelte file. It thinks they are css styles and, the first nesting css that it meets, gives me error.
  I tried to disable the validation of the css in the settings through but it doesn't seem to have any effect: "css.validate": false,
  The svelte application works correctly, either by launching it locally or by compiling the bundle for production (it's not a problem of my code).
  It's just a problem with how VSCode controls my styles. For this problem, most of my svelte components seem wrong even if they are not really.
  To compile styles like scss I include the attribute <code>type="text/scss"</code> to the tag:</p>
  
  <pre><code>&lt;style type="text/scss"&gt;
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/XX8AK.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/XX8AK.png" alt="SCSS in Svelte not recognized by Visual Studio Code"></a></p>
  
  <p><a href="https://i.stack.imgur.com/swa7S.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/swa7S.png" alt="Another svelte scss false error"></a></p>
  
  <p>All errors have code: "<code>css-syntax-error</code>".
  I think that the reason is because VS Code doesn't recognize that it's SCSS and not CSS.</p>
  
  <p>I have these extensions for sass in svelte:</p>
  
  <ul>
  <li>SCSS IntelliSense</li>
  <li>Beautify css/scss/sass/less</li>
  <li>Live SASS Compiler</li>
  <li>Svelte plugin 0.9.3</li>
  </ul>
  
  <p><a href="https://i.stack.imgur.com/nc6JC.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/nc6JC.png" alt="Svelte plugin version"></a></p>
  
  <p>My VSCode settings:</p>
  
  <pre><code>{
    "svelte.language-server.runtime": "......",
    "scss.lint.important": "warning",
    "editor.formatOnPaste": true,
    "css.completion.triggerPropertyValueCompletion": false,
    "css.completion.completePropertyWithSemicolon": false,
    "css.lint.argumentsInColorFunction": "ignore",
    "css.lint.hexColorLength": "ignore",
    "css.lint.duplicateProperties": "warning",
    "editor.suggestSelection": "first",
    "vsintellicode.modify.editor.suggestSelection": "automaticallyOverrodeDefaultValue",
    "workbench.colorTheme": "Material Theme Darker",
    "css.validate": false,
    "editor.codeActionsOnSave": {},
    "git.enableSmartCommit": true,
    "css.fileExtensions": [
      "css",
      "scss"
    ],
    "beautify.options": {
  
    },
  }
  </code></pre>