Свертывание не позволяет переменные SASS

Question

Я пытаюсь настроить структуру SASS в моей конфигурации Rollup, которая позволила бы мне использовать переменные во всем приложении. Я хотел бы использовать post css + autoprefixer. Я установил следующее в моем массиве плагинов:

postcss({
    modules: false,
    extensions: ['.css', '.sass', '.scss'],
    output: false,
    extract: true,
    plugins: [autoprefixer],
    use: [
      [
        'sass', {
          includePaths: [path.join(__dirname, 'scss')]
        }
      ]
    ]
})

Это хорошо работает, я могу импортировать мои файлы S CSS в мои компоненты ie. import "./App.scss";.

Проблема, с которой я сталкиваюсь, заключается в том, что у меня есть ряд глобальных переменных, объявленных в App.s css, и я хотел бы использовать эти переменные в компонентах, которые импортируются в дочерние элементы.

Как бы я go сделал это? Я думал, что этот плагин будет разрешать все S CSS, concat, а затем запустить пост css + SASS против него, но, похоже, это не так.