Почему мы переопределяем sass bootstrap перед операторами импорта в main.s css?

Question

Я говорю этот код. Обычно мы импортируем что-то, это стиль, а затем переопределяем. Но почему в этом случае мы сначала переопределяем, а затем мы импортируем стиль sass bootstrap? Если это после оператора импорта в main.s css, то это не работает.

$body-bg: #000;
$body-color: #111;

$theme-colors: (
  "primary": orange,
  "danger": blue
);


//Everything
@import "node_modules/bootstrap/scss/bootstrap";