Использование переменных S CSS в файле конфигурации angularJS

Question

Мне нужна следующая идея для реализации. У меня есть приложение AngularJS с файлом конфигурации, в котором определена цветовая палитра Material Design. Файл конфигурации намного больше, но это важная часть для меня:

(function() {
  angular.module('App').config(config);
  
  config.$inject['$mdThemingProvider'];
  
  function config($mdThemingProvider){
    $mdThemingProvider.definePalette('customColorTheme', {
      '50' : 'EAF0F4',
      '100': ...
    })
  }
})()

Таким образом, существует настраиваемая цветовая палитра со всеми цветовыми значениями, назначенными, как в системе цветов Material Design. Вот документация по теме angularJS: https://material.angularjs.org/latest/Theming/03_configuring_a_theme. Теперь мне нужны значения цвета из глобального S CSS app.vars.s css, где глобальные значения цвета расположены с помощью переменных S CSS:

$color_container_default: #607D8B;
$color_container_primary: #f5f5f5;
$color_container_secondary: #ffffff;
$color_container_border: #039BE5;
$color_container_shadow_hover: #455A64;

//input
$color_input_default: #ffffff;
$color_input_primary: #ccc;
$color_input_secondary: #555;
$color_input_invalid: #CD6155;

Теперь мне нужно как-то импортировать файл s css в файл js или angular js и настроить глобальные значения из s css до значений цветовой палитры в файле конфигурации:

(function() {
      angular.module('App').config(config);
      
      config.$inject['$mdThemingProvider'];
      
      function config($mdThemingProvider){
        $mdThemingProvider.definePalette('customColorTheme', {
          '50' : '$color_container_default', <---------------------
          '100': ...
        })
      }
    })()

Возможно ли использовать S CSS переменные в Javascript коде. Или angularJS обеспечивает некоторую функциональность импорта для импорта s css как JSON или что-то в этом роде?