How to set up the import correctly?

Question

Sass

I have a file that contains variables with colors and a file that contains general styles. They are all in the same folder.

The variable file contains:

$text-color: #242424;
$white: #fff;

I import the variable code into the second file and call the variable:

@import "_vars.scss";
body{
color: $text-color;
}

Компиляция проходит нормально, но вместо цвета указывается название переменной. В чем проблема может быть и в какую сторону хотя бы нужно гуглить?