@function get($path) { ... }@function get($path) { 
  @return -get-type-style-property($path...);
 }

@function get-weight($name) { ... }@function get-weight($name) { 
  @return get('weight-#{$name}');
 }

@function get-type-style-with-fallback($path) { ... }@function get-type-style-with-fallback($path) { 
  $theme-map: common.get-theme-map(settings.$themes, settings.$preferred-theme);
  $type-style: map.get($theme-map, $path...);

  // Fallback to default theme if type style doesn't exist on the preferred theme to avoid an error
  @if not $type-style {
    @warn "Attempting to fallback to '#{common.$default-theme}' theme";

    $theme-map: common.get-theme-map(settings.$themes, common.$default-theme);
    $type-style: map.get($theme-map, $path...);
  }

  @return $type-style;
 }

@function get-type-style($name) { ... }@function get-type-style($name) { 
  $type-style: null;
  $is-hero: string.index($name, 'hero');
  $has-alternate: string.index($name, 'alternate');

  @if $alternate or $is-hero {
    @if $alternate and $is-hero and not $has-alternate {
      $name: '#{$name}-alternate';
    }

    $type-style: get-type-style-with-fallback('deprecated', $name);
  } @else {
    $type-style: get-type-style-with-fallback($name);
  }

  @if not $type-style {
    $alt-msg: if($alternate, 'alternate variant of the ', '');
    @error "The #{$alt-msg}type style "#{$name}" does not exist.";
  }

  @return -transform-type-style($type-style);
 }

@function get-properties($theme: settings.$preferred-theme, $deprecated: false) { ... }@function get-properties($theme: settings.$preferred-theme, $deprecated: false) { 
  $theme-map: common.get-theme-map(settings.$themes, $theme);

  @if not $deprecated {
    $theme-map: map.deep-remove($theme-map, 'deprecated');
  }

  $transformed: -recursive-transform($theme-map);
  $flattened: common.flatten-map($transformed);
  $properties: ();

  // Filter out any properties that have other properties as values.
  // This is because the style-as will being those other properties anyway, so
  // the "middle-man" properties aren't used anywhere and thus don't need to be set.
  @each $name, $value in $flattened {
    @if meta.type-of($value) != 'string' or not string.index($value, 'var(') {
      $properties: map.set($properties, $name, $value);
    }
  }

  @return $properties;
 }

@function -transform-type-style($type-style) { ... }@function -transform-type-style($type-style) { 
  $map: $type-style;

  @each $key, $value in $map {
    $transformed: $value;

    @if meta.type-of($value) == number and math.unit($value) == 'px' {
      @if $key == 'font-size' {
        $transformed: unit.rem($value);
      } @else if $key == 'line-height' {
        $line-height: $value;
        $font-size: map.get($map, 'font-size');
        $transformed: math.div($line-height, $font-size);
      }
    }

    @if $key == 'paragraph-spacing' {
      $transformed: spacing.get('s4');
    }

    $map: map.set($map, $key, $transformed);
  }

  @return $map;
 }

@function -recursive-transform($map) { ... }@function -recursive-transform($map) { 
  @each $key, $value in $map {
    @if meta.type-of($value) == 'map' {
      // It's a type style group, so transform it
      @if map.has-key($value, 'font-size') {
        $value: -transform-type-style($value);
        $map: map.set($map, $key, $value);
      } @else {
        // We need to go deeper
        $map: map.set($map, $key, -recursive-transform($value));
      }
    }
  }

  @return $map;
 }

@function -get-type-style-value($theme: settings.$default-theme, $alias) { ... }@function -get-type-style-value($theme: settings.$default-theme, $alias) { 
  $theme-map: common.get-theme-map(settings.$themes, $theme);
  $has-key: map.has-key($theme-map, $path...);

  @if not $has-key {
    @error "Type style value (#{$path}) not found.";
  }

  @return map.get($theme-map, $path...);
 }

@function -get-type-style-property($path) { ... }@function -get-type-style-property($path) { 
  $theme-map: common.get-theme-map(settings.$themes, settings.$preferred-theme);

  @if not map.has-key($theme-map, $path...) {
    @error "The type style property (#{$path}) does not exist.";
  }

  $property: common.get-property-name('typography', $path...);
  $fallback: -get-type-style-value(settings.$preferred-theme, $path...);

  @return string.unquote('var(#{$property}, #{$fallback})');
 }

@mixin custom-properties($theme: 'base', $deprecated: false, $overrides) { ... }@mixin custom-properties($theme: 'base', $deprecated: false, $overrides) { 
  $typography-properties: functions.get-properties($theme, $deprecated);

  @if $overrides {
    $typography-properties: map.deep-merge($typography-properties, $overrides);
  }

  @each $key, $value in $typography-properties {
    #{common.get-property-name('typography', $key)}: $value;
  }
 }

@mixin style-as($name, $alternate) { ... }@mixin style-as($name, $alternate) { 
  $style: functions.get-type-style($type-style, $alternate);

  @each $name, $value in $style {
    $property-name: common.get-property-name(
      'typography',
      if($alternate, 'deprecated', null),
      $type-style,
      $name
    );
    $css-variable: '';

    @if meta.type-of($value) == 'string' and string.index($value, 'var(') {
      $css-variable: $value;
    } @else {
      $css-variable: var(#{$property-name}, #{$value});
    }

    @if $name == 'text-case' and $name {
      text-transform: $css-variable;
    } @else if $name == 'text-decoration' {
      text-decoration: if($value == 'strikethrough', line-through, $value);
    } @else {
      #{$name}: $css-variable;
    }
  }
 }