CssSyntaxError: Не удается разрешить '../assets/images/plus.png

Question

Я пишу класс CSS в styles.scss следующим образом:

.plus-icon {
 width: 30px;
 height: 30px;
 background: transparent url("../#{$image-path}/plus.png") no-repeat;
 //background: transparent url("./../#{$image-path}/plus.png") no-repeat; //also tried this 
}

и импортируйте переменный файл вверху styles.scss

@import "variable";

в переменной пути к файлу изображения

$image-path: 'assets/images';

Я могу получить доступ к другим переменным из этого файла, но не могу получить доступ к ошибке $ image-path с ошибкой. Не удается разрешить '../assets/images/plus.png'

где моя структура каталогов выглядит следующим образом

|__sass
      |__styles.scss
      |__variable.scss
|__assets
    |__images
         |__plus.png