[CSS-in-JS] Remove euiCallOutColor Sass mixin

[thompsongl]

Summary

Per #1469

Changes to be made in Kibana:

src/core/public/styles/_ace_overrides.scss
Cannot use EuiCallout because we do not have access to the component.

@@ -104,8 +104,9 @@
     }
 
     .ace_invalid {
-      background-color: euiCallOutColor('danger', 'background');
-      color: euiCallOutColor('danger', 'foreground');
+      $aceInvalidBg: tintOrShade($euiColorDanger, 90%, 70%);
+      background-color: $aceInvalidBg;
+      color: shadeOrTint(makeHighContrastColor($euiColorDanger, $aceInvalidBg), 0, 20%);
     }

x-pack/plugins/upgrade_assistant/public/application/components/es_deprecations/deprecation_types/reindex/flyout/_step_progress.scss
Cannot use EuiCallout because it's not actually a callout, just an icon.

@@ -15,10 +15,10 @@
 }
 
 $stepStatusToCallOutColor: (
-  failed: 'danger',
-  complete: 'success',
-  paused: 'warning',
-  cancelled: 'warning',
+  failed: $euiColorDanger,
+  complete: $euiColorSuccess,
+  paused: $euiColorWarning,
+  cancelled: $euiColorWarning,
 );
 
 .upgStepProgress__status--circle {
@@ -28,8 +28,9 @@ $stepStatusToCallOutColor: (
 
   @each $status, $callOutColor in $stepStatusToCallOutColor {
     &-#{$status} {
-      color: euiCallOutColor($callOutColor, 'foreground');
-      background-color: euiCallOutColor($callOutColor, 'background');
+      $statusBg: tintOrShade($callOutColor, 90%, 70%);
+      color: shadeOrTint(makeHighContrastColor($callOutColor, $statusBg), 0, 20%);
+      background-color: $statusBg;
     }
   }
 }

Checklist

• Checked for breaking changes and labeled appropriately
• A changelog entry exists and is marked appropriately

[kibanamachine]

Preview documentation changes for this PR: https://eui.elastic.co/pr_6201/

[cee-chen]

LGTM! Thanks for looking at the Kibana changes that need to be made ahead of time!