Webstorm не видит bootstrap переменные, что делать?

Установил bootstrap 4 через npm подключил так:

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

все работает отлично, но когда пытаюсь использовать bootstrap переменные webstorm их просто не видит, я тогда залез в исходники бутстрапа и там посмотрел их названия и начал использовать, они работают нормально, но из-за того что webstorm их не видит у меня справа куча желтых подсказок(полосок).
Как сделать чтоб webstorm начал видеть эти переменные и они были в подсказках, то есть чтоб я только прописывал знак доллара а он мне показывал список всех переменных?