Generated by SassMeister.com.

input.scss

$cumulus-Typography: (
  "[Global] Typography / Heading / 1x (bold)": (
    "component": "Typography",
    "theme": "Global",
    "category": "Heading",
    "instance": "1x",
    "description": "n/a",
    "data": (
      "fontFamily": "GT Walsheim Pro",
      "fontSize": 16px,
      "lineHeight": 1,
      "fontWeight": 700
    ),
    "value": "font-family: GT Walsheim Pro;font-size: 16px;line-height: 1;font-weight: 700;"
  ),
  "[Global] Typography / Heading / 1.5x (bold)": (
    "component": "Typography",
    "theme": "Global",
    "category": "Heading",
    "instance": "1.5x",
    "description": "n/a",
    "data": (
      "fontFamily": "GT Walsheim Pro",
      "fontSize": 24px,
      "lineHeight": 1,
      "fontWeight": 700
    ),
    "value": "font-family: GT Walsheim Pro;font-size: 24px;line-height: 1;font-weight: 700;"
  ),
  "[Global] Typography / Heading / 2x (bold)": (
    "component": "Typography",
    "theme": "Global",
    "category": "Heading",
    "instance": "2x",
    "description": "n/a",
    "data": (
      "fontFamily": "GT Walsheim Pro",
      "fontSize": 32px,
      "lineHeight": 1,
      "fontWeight": 700
    ),
    "value": "font-family: GT Walsheim Pro;font-size: 32px;line-height: 1;font-weight: 700;"
  ),
  "[Global] Typography / Body / 2x": (
    "component": "Typography",
    "theme": "Global",
    "category": "Body",
    "instance": "2x",
    "description": "n/a",
    "data": (
      "fontFamily": "Inter",
      "fontSize": 24px,
      "lineHeight": 1,
      "fontWeight": 400
    ),
    "value": "font-family: Inter;font-size: 24px;line-height: 1;font-weight: 400;"
  ),
  "[Global] Typography / Body / 1.125x": (
    "component": "Typography",
    "theme": "Global",
    "category": "Body",
    "instance": "1.125x",
    "description": "n/a",
    "data": (
      "fontFamily": "Inter",
      "fontSize": 18px,
      "lineHeight": 1,
      "fontWeight": 400
    ),
    "value": "font-family: Inter;font-size: 18px;line-height: 1;font-weight: 400;"
  ),
  "[Global] Typography / Body / 1x": (
    "component": "Typography",
    "theme": "Global",
    "category": "Body",
    "instance": "1x",
    "description": "n/a",
    "data": (
      "fontFamily": "Inter",
      "fontSize": 16px,
      "lineHeight": 1,
      "fontWeight": 400
    ),
    "value": "font-family: Inter;font-size: 16px;line-height: 1;font-weight: 400;"
  ),
  "[Global] Typography / Label / 0.625x": (
    "component": "Typography",
    "theme": "Global",
    "category": "Label",
    "instance": "0.625x",
    "description": "n/a",
    "data": (
      "fontFamily": "Inter",
      "fontSize": 10px,
      "lineHeight": 1,
      "fontWeight": 400
    ),
    "value": "font-family: Inter;font-size: 10px;line-height: 1;font-weight: 400;"
  ),
  "[Global] Typography / Body / 0.875x": (
    "component": "Typography",
    "theme": "Global",
    "category": "Body",
    "instance": "0.875x",
    "description": "n/a",
    "data": (
      "fontFamily": "Inter",
      "fontSize": 14px,
      "lineHeight": 1,
      "fontWeight": 400
    ),
    "value": "font-family: Inter;font-size: 14px;line-height: 1;font-weight: 400;"
  ),
  "[Global] Typography / Label / 0.875x": (
    "component": "Typography",
    "theme": "Global",
    "category": "Label",
    "instance": "0.875x",
    "description": "n/a",
    "data": (
      "fontFamily": "Inter",
      "fontSize": 14px,
      "lineHeight": 1,
      "fontWeight": 400
    ),
    "value": "font-family: Inter;font-size: 14px;line-height: 1;font-weight: 400;"
  ),
  "[Global] Typography / Label / 1x": (
    "component": "Typography",
    "theme": "Global",
    "category": "Label",
    "instance": "1x",
    "description": "n/a",
    "data": (
      "fontFamily": "Inter",
      "fontSize": 16px,
      "lineHeight": 1,
      "fontWeight": 400
    ),
    "value": "font-family: Inter;font-size: 16px;line-height: 1;font-weight: 400;"
  ),
  "[Global] Typography / Control / 1x": (
    "component": "Typography",
    "theme": "Global",
    "category": "Control",
    "instance": "1x",
    "description": "n/a",
    "data": (
      "fontFamily": "Inter",
      "fontSize": 16px,
      "lineHeight": 1,
      "fontWeight": 400
    ),
    "value": "font-family: Inter;font-size: 16px;line-height: 1;font-weight: 400;"
  ),
  "[Global] Typography / Control / 0.875x": (
    "component": "Typography",
    "theme": "Global",
    "category": "Control",
    "instance": "0.875x",
    "description": "n/a",
    "data": (
      "fontFamily": "Inter",
      "fontSize": 16px,
      "lineHeight": 1,
      "fontWeight": 400
    ),
    "value": "font-family: Inter;font-size: 16px;line-height: 1;font-weight: 400;"
  ),
  "[Global] Typography / Heading / 3x (bold)": (
    "component": "Typography",
    "theme": "Global",
    "category": "Heading",
    "instance": "3x",
    "description": "n/a",
    "data": (
      "fontFamily": "GT Walsheim Pro",
      "fontSize": 48px,
      "lineHeight": 1,
      "fontWeight": 700
    ),
    "value": "font-family: GT Walsheim Pro;font-size: 48px;line-height: 1;font-weight: 700;"
  ),
  "[Global] Typography / Heading / 3.5x (bold)": (
    "component": "Typography",
    "theme": "Global",
    "category": "Heading",
    "instance": "3.5x",
    "description": "n/a",
    "data": (
      "fontFamily": "GT Walsheim Pro",
      "fontSize": 56px,
      "lineHeight": 1,
      "fontWeight": 700
    ),
    "value": "font-family: GT Walsheim Pro;font-size: 56px;line-height: 1;font-weight: 700;"
  ),
  "[Global] Typography / Heading / 6x (bold)": (
    "component": "Typography",
    "theme": "Global",
    "category": "Heading",
    "instance": "6x",
    "description": "n/a",
    "data": (
      "fontFamily": "GT Walsheim Pro",
      "fontSize": 96px,
      "lineHeight": 1,
      "fontWeight": 700
    ),
    "value": "font-family: GT Walsheim Pro;font-size: 96px;line-height: 1;font-weight: 700;"
  ),
  "[GLOBAL] Typography / GlobalStyles": (
    "name": "[GLOBAL] Typography / GlobalStyles",
    "component": "Typography",
    "category": """",
    "instance": "GlobalStyles",
    "type": "COMPONENT",
    "value": "html, body { font-size: 16px; }"
  )
)
;
@function getTypography($name, $theme: 'Global') {
	$item: map-get($cumulus-Typography, "[#{$theme}] Typography / #{$name}");
	@if map-has-key($item, 'mapTo') {
		$mapToName: map-get($item, 'mapTo');
		$resolvedItem: map-get($cumulus-Typography, $mapToName);
		@return map-get($resolvedItem, 'value');
	} @else {
		$value: map-get($item, 'value');
		@return "; #{$value}";   
	}
}
	
	
@mixin includeTypography($name) {
	$styles: getTypography($name);
	--d:#{$styles};
}
	
h1 {
    @include includeTypography('Heading / 6x (bold)')
}

output.css

h1 {
  --d:; font-family: GT Walsheim Pro;font-size: 96px;line-height: 1;font-weight: 700;;
}

settings.json

{
  "sass": {
    "compiler": "libsass/3.5.5",
    "extensions": {},
    "syntax": "SCSS",
    "outputStyle": "expanded"
  },
  "autoprefixer": false
}