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

Question

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

в theme.scss: @import "mixins";

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

Пожалуйста, сообщите ....

изображение структуры файла Пример для 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; }
  }