$default-variables: (
  "Modal__Wrapper____bg-color": rgba(var(--color--main-rgb), 0.5),
  "Modal__Wrapper____padding": 2em,
  "Modal____max-width": 40em
);

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

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