$default-variables: (
  "Chip____border-width": 1px,
  "Chip____font-size": var(--font-size--xs),
  "Chip____font-weight": var(--font-weight--semibold),
  "Chip____letter-spacing": var(--tracked--loose),
  "Chip____line-height": var(--line-height--solid),
  "Chip____padding": 0.375em 0.75em,
  "Chip____radius": var(--radius--med),
  "Chip____text-transform": uppercase,
  "Chip____transition-duration": var(--timing--hover),
  "Chip____hover-bg-color": currentColor,
  "Chip____active-bg-color": currentColor
);

@mixin generate-chip-theme-variables($theme-variables: ()) {
  $variables: map-merge($default-variables, $theme-variables);

  @each $name, $value in $variables {
    --#{$name}: #{$value};
  }
}