Как включить @mixin из одного файла sass в другой файл sass в другой папке

Я включаю maxin из одного файла sass из другого файла sass, но получил ошибку с командой ionic serve. Ошибка: "Ошибка Sass Недействительный CSS после "@include": ожидаемый идентификатор, был '"../../../theme/mai'"

Код: из файла, куда я импортирую миксин

action-sheet-layout-1 { 
@include '../../../theme/main.scss' 
@include "settingAnimationHeader"; >>> this is imported mixin define in main.scss
[button-action-shit] 
   { z-index: 99999; right: 16px; top: 56px;
... }

Код миксина определяется в main.scss

@mixin  settingAnimationHeader { 
@keyframes headerOff { 
from { 
background-color: theme-colors('mainColors', 'primary'); 
} 
to {
 background-color: transparent; } 
} ... }

Я новичок в ionic и SASS, в том, что я делаю правильно, include или я что-то упускаю. Непосредственно структура обоих файлов из корня приложения. src / theme / main.scss >>> В этом файле определите миксин. src / components / action-sheet / layout-1 / action-sheet-layout-1.scss >>> миксин импортирован.