SASS игнорирует переменные, определенные в операторе if

У меня есть один файл с именем style.scss со следующим кодом:

@import 'variables';

body {
    color: $text-color;
    background: $background-color;
}

И один частичный с именем _variables.scss:

$colorscheme: white;

@if $colorscheme == white {
    $text-color: #333;
    $background-color: #fff;
}
@else {
    $text-color: #ccc;
    $background-color: #333;
}

Оператор if работает правильно, но переменные, определенные внутри, не работают. Когда я пытаюсь его скомпилировать, я получаю:

Синтаксическая ошибка: неопределенная переменная: «$ text-color».

Ответы на вопрос(2)

Ваш ответ на вопрос