Задача переопределения переменной Bootstrap Sass

EDIT: этот вопрос был отмечен как дубликат этот, но см. добавление в конце этого ответа, чтобы увидеть, что этот вопрос не задает, и что ответ не отвечает.

Я работаю над веб-приложением, которое использует Bootstrap 3. У меня есть базовая 3-слойная архитектура переопределения, где 1) _variables Bootstrap.scss содержит основные переменные, 2) _app-переменные.scss содержит базовые переменные приложения, которые переопределяют Bootstrap _переменные параметры.scss и 3) _client-переменные.scss содержит клиентские настройки, которые переопределяют _app-переменные.scss. Либо #2, либо #3 (или оба) могут быть пустыми файлами. Итак, вот порядок переопределения:

_variables.scss // Bootstrap's core
_app-variables.scss // App base
_client-variables.scss // Client-specific

достаточно просто в теории, но проблема возникает из-за того, что я назову "зависимости переменных" - где переменные определяются как другие переменные. Например:

$brand: blue;
$text: $brand;

теперь предположим, что вышеуказанные переменные определены в _variables.scss. Тогда давай скажем: _app-переменные.scss, я переопределяю только переменную $ brand, чтобы сделать ее красной:$brand: red. Поскольку SASS интерпретирует код строка за строкой последовательно, он сначала установит $brand на синий, затем он установит $text на синий (потому что $brand синий в этот момент), и, наконец, он установит $brand на красный. Таким образом, конечный результат заключается в том, что изменение $brand впоследствии не влияет на переменные, основанные на старом значении $brand:

_variables.scss
---------------------
$brand: blue;
$text: $brand; // $text = blue
.
.
.

_app-variables.scss
---------------------
$brand: red; // this does not affect $text, b/c $text was already set to blue above.

но, очевидно, это не то, что я хочу - я хочу свою смену $ бренд влияет на все, что от него зависит. Чтобы правильно переопределить переменные, я в настоящее время просто делаю полную копию _variables.scss в _app-переменные.scss, а затем внесение изменений в _app-переменные с этой точки. И точно так же я делаю полную копию _app-переменные.scss в _client-переменные.scss, а затем внесение изменений в _client-переменные.scss в этот момент. Очевидно, что это меньше, чем идеально (преуменьшение) с точки зрения обслуживания - каждый раз, когда я делаю модификацию _variables.scss(в случае обновления начальной загрузки) или _app-переменные.scss, я должен вручную просачивать изменения в стек переопределения файлов. И плюс мне нужно переопределить тонну переменных, которые я, возможно, даже не переопределяю.

я узнал, что меньше имеет то, что они называют "ленивой загрузкой" (http://lesscss.org/features/#variables-feature-lazy-loading), где последнее определение переменной используется везде, даже до последнее определение. Думаю, это решит мою проблему. Но кто-нибудь знает правильное решение для переопределения переменных с помощью SASS?

дополнение:
Вот один метод, который я уже продумал: включите файлы в обратном порядке, используя !default для всех переменных (этот метод также был предложен в ответ на этот вопрос). Итак, вот как это будет выглядеть:

_app-variables.scss
---------------------
$brand: red !default; // $brand is set to red here, overriding _variables.scss's blue.
.
.
.


_variables.scss
---------------------
$brand: blue !default; // brand already set in _app-variables.scss, so not overridden here.
$text: $brand !default; // $text = red (desired behavior)

так что решение почти идеальный. , теперь в моих файлах переопределения у меня нет доступа к переменным, определенным в _variables Bootstrap.scss, который мне понадобится, если я хочу определить переопределения переменных (или мои собственные дополнительные пользовательские переменные), используя другие переменные Bootstrap. Например, я мог бы сделать:$custom-var: $grid-gutter-width / 2;