Совместное использование переменных между Sass и JS Code в Expo и React-Native

Question

Наша команда строит приложение с помощью expo, в настоящее время мы не заинтересованы в его извлечении для простоты. Мы используем sass-модули в нашем приложении React Native, и до сих пор это было здорово.

Я хочу поделиться переменными между кодом JS и моим кодом SASS. Это потому, что мы используем некоторые компоненты, которым требуется размер prop (не может быть стилизован с помощью sass), и мы хотим иметь единый источник правды для размера (между sass и js).

У меня такое ощущение, что там есть библиотека. Я не хочу решения веб-пакета, потому что я не хочу извлекать. У меня есть файл rn-cli.config.js, который выглядит следующим образом:

const { getDefaultConfig } = require('metro-config')

module.exports = (async () => {
  const {
    resolver: { sourceExts }
  } = await getDefaultConfig()
  return {
    transformer: {
      babelTransformerPath: require.resolve('react-native-sass-transformer')
    },
    resolver: {
      sourceExts: [...sourceExts, 'scss', 'sass']
    }
  }
})()