переменная синтаксиса rails внутри переменной

Question

Я добавляю новый SCSS в свое приложение и получаю следующую ошибку:

Sass :: SyntaxError: Неопределенная переменная: "$ primary".

IЭто работает на моем локальном сервере, но не удается после развертывания

.oauth {
  background-color: $primary;
  background: image-url('oauth-bg.svg') no-repeat center center ; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  min-height: 100vh;

  &__logo img {
 max-width: 150px;
}

Application.scss

// @import 'vendor/bootstrap/bootstrap';
@import "variables";
@import "vendors";
@import "magnific-popup";

@import "navbar";
@import "dropzone";
@import "projects";

@import "home";
@import "typography";

@import "base/base";
@import "components/components";

@import "theme-charcoal";
@import "swiper";


// @import "style"; //this one should be loaded in the last place

/*
*= require_tree .
*= require_self


*/

[class*="col-"],
.col {
  padding-left: 0.5rem;
 padding-right: 0.5rem;
}
.row {
margin-left: -0.5rem !important;
margin-right: -0.5rem !important;
}

.container {
  padding-left: 2rem !important;
padding-right: 2rem !important;
}

Добавление файла SCSS для отображения элементов заказа