{
  "size": {
    "unit": {
      "none": {
        "$type": "number",
        "$value": "0px"
      },
      "2xs": {
        "$type": "number",
        "$value": "2px"
      },
      "xs": {
        "$type": "number",
        "$value": "4px"
      },
      "sm": {
        "$type": "number",
        "$value": "6px"
      },
      "base": {
        "$type": "number",
        "$value": "8px"
      },
      "md": {
        "$type": "number",
        "$value": "10px"
      },
      "lg": {
        "$type": "number",
        "$value": "12px"
      },
      "xl": {
        "$type": "number",
        "$value": "16px"
      },
      "2xl": {
        "$type": "number",
        "$value": "24px"
      },
      "3xl": {
        "$type": "number",
        "$value": "48px"
      }
    },
    "view_port": {
      "default": {
        "$type": "number",
        "$value": "1440px"
      }
    },
    "spacing": {
      "none": {
        "$type": "number",
        "$value": "{size.unit.none}"
      },
      "2xs": {
        "$type": "number",
        "$value": "{size.unit.2xs}"
      },
      "xs": {
        "$type": "number",
        "$value": "{size.unit.xs}"
      },
      "sm": {
        "$type": "number",
        "$value": "{size.unit.sm}"
      },
      "base": {
        "$type": "number",
        "$value": "{size.unit.base}"
      },
      "md": {
        "$type": "number",
        "$value": "{size.unit.md}"
      },
      "lg": {
        "$type": "number",
        "$value": "{size.unit.lg}"
      },
      "xl": {
        "$type": "number",
        "$value": "{size.unit.xl}"
      },
      "2xl": {
        "$type": "number",
        "$value": "{size.unit.2xl}"
      },
      "3xl": {
        "$type": "number",
        "$value": "{size.unit.3xl}"
      }
    }
  }
}