Пользовательские файлы SCSS не работают на Bigcommerce Stencil

Question

Я импортировал пользовательские файлы SCSS в theme.scss, но файлы все еще не работают

в theme.scss: @import "mixins";

Это должно импортировать мой пользовательский scss-файл с именем: _mixins.scss, который находится в том же каталоге theme.scss, но он не работает. Я продолжаю получать сообщение об ошибке на моем _navPages.scss, что mixin не определены... даже если Я определил их в этом файле _mixins.scss

Пожалуйста, порекомендуйте....

Пример структуры файла Пример для mixin в моем _navPages.scss:

@include for-phone-only {
 //@media (min-width: 321px) { @content; }
  grid-template-areas: "burger logo icons";
 grid-template-columns: 40px 1fr 40px;
}

Пример для определенного миксина в моем _mixins.scss:

 @mixin for-phone-only {
    @media (min-width: 321px) { @content; }
  }