Generated by SassMeister.com.

input.scss

$theme: 'Dark';

$cumulus-Color: (
  "[Global] Color / Primary / Orange": (
    "name": "[Global] Color / Primary / Orange",
    "component": "Color",
    "data": rgba(254, 139, 22, 1),
    "theme": "Global",
    "category": "Primary",
    "instance": "Orange",
    "description": "Primary Orange Color",
    "id": "235:9",
    "type": "COMPONENT",
    "value": rgba(254, 139, 22, 1)
  ),
  "[Global] Color / Seconary / Neon Pink": (
    "name": "[Global] Color / Seconary / Neon Pink",
    "component": "Color",
    "data": rgba(255, 70, 146, 1),
    "theme": "Global",
    "category": "Seconary",
    "instance": "Neon Pink",
    "description": "?",
    "id": "235:11",
    "type": "COMPONENT",
    "value": rgba(255, 70, 146, 1)
  ),
  "[Dark] Color / Brand": (
    "mapTo": "[Global] Color / Primary / Orange"
  ),
  "[Light] Color / Brand": (
    "mapTo": "[Global] Color / Seconary / Neon Pink"
  )
);

;
@function getColor($name) {
	$item: map-get($cumulus-Color, "[#{$theme}] Color / #{$name}");
	$mapToName: map-get($item, 'mapTo');
	$resolvedItem: map-get($cumulus-Color, $mapToName);
	@return map-get($resolvedItem, 'value');
}

h1 {
    color: getColor('Brand');
}

output.css

h1 {
  color: #fe8b16;
}

settings.json

{
  "sass": {
    "compiler": "dart-sass/1.32.12",
    "extensions": {},
    "syntax": "SCSS",
    "outputStyle": "expanded"
  },
  "autoprefixer": false
}