Tengo un archivo theme.json y un archivo index.scss que personaliza los estilos de diseño de materiales.

tema.json

 { "palette": { "primary": { "main": "#1A1A1A" }, "secondary": { "main": "#993355" }, "error": { "main": "#B00020" }, "info": { "main": "#EAF4FC" }, "text": { "primary": "#1A1A1A" }, "other": { "accents": ["#BCAAA4", "rgba(128, 236, 40, 0.5)"] } }, }

índice.scss

 @import "../theme/theme.json"; @use "@material/theme" with ( $primary: $palette.primary.main, ??????? $secondary: #018786, $background: #fff, $surface: #fff, $error: #b00020, $on-primary: #fff, $on-secondary: #442b2d, $on-error: #fff, ); @use "material-components-web/material-components-web";

¿Hay una manera fácil de importar valores de objetos json a scss similar a mi primera variable en mi archivo scss? Gracias por adelantado