Как ссылаться на функцию SASS без импорта во всех angular компонентных файлах S CSS

Question

Я пытаюсь реализовать подход, создал функцию шрифта для 'rem' в angular файле SASS и @import в файле styles.scss. Будет ли он добавлен во все компоненты? или нам нужно добавить во все s css файлы компонентов, что, я думаю, не является правильным способом сделать это, ниже мой код

variable.scss
---------------------
$base-font-size: 16px;

// Write your function here

@function px-to-rem ($target, $context: $base-font-size) {
  @return ($target / $context) * 1rem;
} 


styles.scss
-----------------------
@import 'variable.scss';


expectation  auto import 'variable.scss' in all components
---------------------------

component1.scss 
.example {
 font-size: px-to-rem(12px);
}

component2.scss 
....

component3.scss 
....