Angular Invalid CSS, но я использую sass

Question

Я новичок в Angular и сейчас делаю учебник для Angular.Чувак в видео использует Sass, поэтому я также должен, я не знаком с sass, и я получил следующую ошибку, когда я попытался запустить приложение

Сборка модуля не удалась (с ./node_modules/sass-loader / lib / loader.js):

::selection
    background-color: $prime
    color: $white

    box-sizing: border-box

    body,html
        margin:0
        padding:0
        font-size: 10px
        background-color: $second

@ import './sass/var' ^ Неверный CSS после "": ожидаемый 1 селектор или правило, было "{" в C:\ Users \ Andres Trümpy \ angulartur \ ToDoList \ src \ styles.sass (строка 1, столбец 1) i ｢wdm｣: не удалось скомпилировать.

Я просто не знаю, почему он пытается скомпилировать css, потому что я объявилSass как мой Styletype

Вот код из моих двух файлов sass

Файл 1

$prime: #6ae2d6
$prime-dark: #4ea89f
$second: #374855
$grey: #e8e8e8
$red: #e16c6c
$white: #ffffff

    $cube: 1rem
    $font1: "Roboto Condensed" , sans-serif
    $font2: "Roboto" , sans-serif

file 2

::selection
    background-color: $prime
    color: $white

    box-sizing: border-box

    body,html
        margin:0
        padding:0
        font-size: 10px
        background-color: $second

@ import './ дерзость / вар '