@mixin overlays-popup-background-mapping {
  border-color: returnColorCSSVar('brand-tertiary-tint-80');

  @include bg-variants(
    $supportedBackgrounds: (
      'brand-tertiary' 'brand-white'
    ),
    $isChained: true
  ) {
    border-color: returnColorCSSVar('gray-20');
  }

  // ! Deprecation warning, do not use anymore. Will be removed in a later release.
  &.bg-brand--white,
  &.bg-brand--off-white {
    border-color: $color--grey;
  }
}