Merge branch 'sdejonge-right-sidebar-design-tokens' into 'master'

Use design token utility classes for right-sidebar

See merge request https://gitlab.com/gitlab-org/gitlab/-/merge_requests/167558



Merged-by: Scott de Jonge <sdejonge@gitlab.com>
Approved-by: Simon Knox <simon@gitlab.com>

app/assets/stylesheets/framework/sidebar.scss

@@ -108,7 +108,7 @@
 }
 
 .right-sidebar {
-  border-left: 1px solid $border-color;
+  @apply gl-border-l;
 
   &.right-sidebar-merge-requests {
     @include media-breakpoint-up(lg) {
@@ -320,7 +320,7 @@
   position: fixed;
   bottom: calc(#{$calc-application-footer-height} + var(--mr-review-bar-height));
   right: 0;
-  background-color: $white;
+  @apply gl-bg-default;
   z-index: 200;
   overflow: hidden;
   @apply gl-transition-width;

app/assets/stylesheets/themes/dark_mode_overrides.scss

@@ -64,10 +64,6 @@
   border-color: $gray-800;
 }
 
-aside.right-sidebar:not(.right-sidebar-merge-requests) {
-  background-color: $gray-10;
-}
-
 :root.gl-dark {
   .terms {
     .logo-text {