Fixing stylelint issues

Author: primer-css

src/box/box-overlay.scss

@@ -7,7 +7,7 @@
   background-clip: padding-box;
   border-color: var(--borderColor-default, var(--color-border-default));
   // stylelint-disable-next-line primer/box-shadow
-  box-shadow: 0 0 18px rgba(0, 0, 0, 0.4);
+  box-shadow: 0 0 18px rgb(0, 0, 0, 0.4);
 
   .Box-header {
     margin: 0;

src/header/header.scss

@@ -46,6 +46,6 @@
 
   &::placeholder {
     // stylelint-disable-next-line primer/colors
-    color: rgba(255, 255, 255, 0.75);
+    color: rgb(255, 255, 255, 0.75);
   }
 }

src/marketing/buttons/button.scss

@@ -34,7 +34,7 @@
     z-index: -1;
     content: '';
     // stylelint-disable-next-line primer/colors
-    background: linear-gradient(180deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0) 100%) !important;
+    background: linear-gradient(180deg, rgb(255, 255, 255, 0.15) 0%, rgb(255, 255, 255, 0) 100%) !important;
     border-radius: inherit;
     opacity: 0;
     opacity: 0;
@@ -132,11 +132,11 @@
   // stylelint-disable-next-line primer/colors
   color: #fff;
   // stylelint-disable-next-line primer/colors
-  background: linear-gradient(180deg, rgba(52, 183, 89, 0.15) 0%, rgba(46, 164, 79, 0) 100%), rgb(46, 164, 79) !important;
+  background: linear-gradient(180deg, rgb(52, 183, 89, 0.15) 0%, rgb(46, 164, 79, 0) 100%), rgb(46, 164, 79) !important;
 
   &::before {
     // stylelint-disable-next-line primer/colors
-    background: linear-gradient(180deg, rgba(52, 183, 89, 0.15) 0%, rgba(46, 164, 79, 0) 100%) !important;
+    background: linear-gradient(180deg, rgb(52, 183, 89, 0.15) 0%, rgb(46, 164, 79, 0) 100%) !important;
   }
 
   // fallback :focus state

src/marketing/support/variables.scss

@@ -126,8 +126,8 @@ $marketing-position-variants: (
   lg: '-lg',
 ) !default;
 
-$mktg-btn-shadow-hover-light: 0 3px 2px rgba(0, 0, 0, 0.07), 0 7px 5px rgba(0, 0, 0, 0.04), 0 12px 10px rgba(0, 0, 0, 0.03), 0 22px 18px rgba(0, 0, 0, 0.03), 0 42px 33px rgba(0, 0, 0, 0.02), 0 100px 80px rgba(0, 0, 0, 0.02);
-$mktg-btn-shadow-hover-dark: 0 4px 7px rgba(0, 0, 0, 0.15), 0 100px 80px rgba(255, 255, 255, 0.02), 0 42px 33px rgba(255, 255, 255, 0.024), 0 22px 18px rgba(255, 255, 255, 0.028), 0 12px 10px rgba(255, 255, 255, 0.034), 0 7px 5px rgba(255, 255, 255, 0.04), 0 3px 2px rgba(255, 255, 255, 0.07);
+$mktg-btn-shadow-hover-light: 0 3px 2px rgb(0, 0, 0, 0.07), 0 7px 5px rgb(0, 0, 0, 0.04), 0 12px 10px rgb(0, 0, 0, 0.03), 0 22px 18px rgb(0, 0, 0, 0.03), 0 42px 33px rgb(0, 0, 0, 0.02), 0 100px 80px rgb(0, 0, 0, 0.02);
+$mktg-btn-shadow-hover-dark: 0 4px 7px rgb(0, 0, 0, 0.15), 0 100px 80px rgb(255, 255, 255, 0.02), 0 42px 33px rgb(255, 255, 255, 0.024), 0 22px 18px rgb(255, 255, 255, 0.028), 0 12px 10px rgb(255, 255, 255, 0.034), 0 7px 5px rgb(255, 255, 255, 0.04), 0 3px 2px rgb(255, 255, 255, 0.07);
 
 @include color-variables(
   (