Ошибка root при компиляции SASS в Bootstrap 4

Сидишь себе такой, тихо компилируешь в своем уголке, а тут такое..
Бутстрап ну скажем v4.1 выдает тебе:

Invalid CSS after "...lor}: #{$value}": expected "{", was ";")

Использую такое решение тупо копируешь все ссылки из bootstrap.scss и вместо _root.scss даешь ссылку на свой файл с таким кодом. Знаете более изящный способ ? Пишите в комментариях.

:root {
  @each $color, $value in $colors {
    #{--#{$color}}: #{$value};
  }

  @each $color, $value in $theme-colors {
    #{--#{$color}}: #{$value};
  }

  @each $bp, $value in $grid-breakpoints {
    #{--breakpoint-#{$bp}}: #{$value};
  }
  --font-family-sans-serif: #{inspect($font-family-sans-serif)};
  --font-family-monospace: #{inspect($font-family-monospace)};
}