Remove toast.scss and variables since they're no longer needed

app/assets/stylesheets/components/toast.scss

-/*
-* These styles are specific to the gl-toast component.
-* Documentation: https://design.gitlab.com/components/toasts
-* Note: Styles below are nested in order to override some of vue-toasted's default styling
-*/
-.toasted-container {
-
-  max-width: $toast-max-width;
-
-  @include media-breakpoint-down(xs) {
-    width: 100%;
-    padding-right: $toast-padding-right;
-  }
-
-  .toasted.gl-toast {
-    border-radius: $border-radius-default;
-    font-size: $gl-font-size;
-    padding: $gl-padding-8 $gl-padding $gl-padding-8 $gl-padding-24;
-    margin-top: $toast-default-margin;
-    line-height: $gl-line-height;
-    background-color: rgba($gray-900, $toast-background-opacity);
-
-    span {
-      padding-right: $gl-padding-8;
-    }
-
-    @include media-breakpoint-down(xs) {
-      .action:first-of-type {
-        // Ensures actions buttons are right aligned on mobile
-        margin-left: auto;
-      }
-    }
-
-    .action {
-      color: $blue-300;
-      margin: 0 0 0 $toast-default-margin;
-      text-transform: none;
-      font-size: $gl-font-size;
-    }
-
-    .toast-close {
-      font-size: $default-icon-size;
-      margin-left: $toast-default-margin;
-    }
-  }
-}
-
-// Overrides the default positioning of toasts
-body .toasted-container.bottom-left {
-  bottom: $toast-offset;
-  left: $toast-offset;
-}

app/assets/stylesheets/framework/variables.scss

@@ -528,16 +528,6 @@ $pagination-padding-x: 16px;
 $pagination-line-height: 20px;
 $pagination-disabled-color: #cdcdcd;
 
-/*
-* Toasts
-*/
-$toast-offset: 24px;
-$toast-height: 48px;
-$toast-max-width: 586px;
-$toast-padding-right: 42px;
-$toast-default-margin: 8px;
-$toast-background-opacity: 0.95;
-
 /*
  *  Status icons
  */

changelogs/unreleased/remove-redundant-toast-scss.yml

+---
+title: Remove redundant toast.scss file and variables
+merge_request: 21105
+author:
+type: fixed