$ переменные CSS не работают в Git при использовании Gulp Watch

Я использую Git с Node.JS. Использование методов gulp.src и gulp.dest для организации файлов CSS. Все работает нормально. Проблема возникает, когда я создаю файл CSS для переменных цветов, например:

1. $ mainBlue: # 169aff;
2. $ mainBlack: # 333333;

Я также импортирую файл переменных CSS в основные файлы CSS, как и другие. Но когда я использую "gulp watch" и после этого сохраняю файл CSS, я получаю следующую ошибку.

Эта проблема не возникает, когда я использую переменную ($ mainBlue: # 169aff;) в том же файле вместе с назначением элементу типа «a {color: $ mainBlue;), если я использую назначенную переменную в другом файле this проблема возникает.

events.js:183 throw er; // Unhandled 'error' event ^ CssSyntaxError: postcss-simple-vars: C:\path\app\assets\styles\modules_btn.css:9:9: Undefined variable $mainBlue at Input.error (C:\path\node_modules\postcss\lib\input.js:119:22) at Declaration.error (C:\path\node_modules\postcss\lib\node.js:116:38) at Object.opts.unknown (C:\path\node_modules\postcss-simple-vars\index.js:97:24) at variable (C:\path\node_modules\postcss-simple-vars\index.js:24:24) at C:\path\node_modules\postcss-simple-vars\index.js:35:22 at String.replace () at simpleSyntax (C:\path\node_modules\postcss-simple-vars\index.js:34:16) at bothSyntaxes (C:\path\node_modules\postcss-simple-vars\index.js:46:11) at C:*path*\node_modules\postcss-simple-vars\index.js:63:16 at repeat (C:\path\node_modules\postcss-simple-vars\index.js:56:20)