Vue: как импортировать файл начальной загрузки _variables.scss в мой стиль компонента

Question

Я использую vue-bootstrap, и поэтому у меня есть, как и другие, этот файл:

node_modules/bootstrap/scss/_variables.scss 

Мне нужно импортировать это в один конкретный компонент, потому что я хотел бы получить переменную $info и darken() it.

Я сделал то, что следует, но это не работает:

<style lang="scss" scoped>
@import "~/bootstrap/scss/_variables.scss";

.link {
    font-size: 1.3em;
    text-transform: uppercase;
    text-decoration: none;

    &.router-link-active {
        background-color: darken($info, 10%);
    }
}
</style>

Ошибка

Module build failed (from ./node_modules/sass-loader/lib/loader.js):

undefined
       ^
      Can't find stylesheet to import.
   ╷
50 │ @import "~/bootstrap/scss/_variables.scss";
   │         ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^

Как я могу решить?

РЕДАКТИРОВАТЬ: больше попыток, все не удалось

// Not working
// @import "~/bootstrap/scss/_variables.scss";

// Not working
// @import "~/node_modules/bootstrap/scss/_variables.scss";

// Not working
// @import "~/node_modules/bootstrap/scss/variables";

// Not working
// @import "~/bootstrap/scss/variables";