I have a theme.json and a index.scss file which customises material design styles.

theme.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)"]
      }
    },

  }

index.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";

Is there an easy way to import json object values to scss similar to my first variable in my scss file? Thanks in advance