Improve the interoperability with javascript and frameworks

[lambrosx77]

Hi,

Is there a possibility to get access to variables in javascript and by the way improve interoperability with frameworks like React?

For example, I'm working with Styled Components for styling and I need breakpoints. I had to rewrite them for example like this :
export const breakpoints = { xs: "0", sm: "576px", md: "768px", lg: "992px", xl: "1200px", xxl: "1400px" };
whereas I would have enjoyed to just import them.

For colors, I use CSS variables but we can have to access to spacers, font sizes...