fix(table): quiet and scroller styles fixed up

Author: marissahuysentruyt

components/table/index.css

@@ -254,10 +254,6 @@
 	}
 }
 
-.spectrum-Table-scroller {
-	--spectrum-table-header-background-color: var(--mod-table-header-background-color-scrollable, var(--spectrum-background-layer-1-color, var(--spectrum-gray-75)));
-}
-
 .spectrum-Table-row--summary {
 	--spectrum-table-cell-background-color: var(--highcontrast-table-row-background-color, var(--mod-table-summary-row-background-color, var(--spectrum-table-summary-row-background-color)));
 
@@ -343,6 +339,17 @@
 	}
 }
 
+/* Quiet table header rows do not have inline borders */
+.spectrum-Table--quiet .spectrum-Table-headRow:first-child {
+	.spectrum-Table-headCell:first-child {
+		border-inline-start: 0;
+	}
+
+	.spectrum-Table-headCell:last-child {
+		border-inline-end: 0;
+	}
+}
+
 .spectrum-Table-sortIcon {
 	&:last-child .spectrum-Table-headCell {
 		border-start-end-radius: var(--mod-table-border-radius, var(--spectrum-table-border-radius));
@@ -680,10 +687,6 @@
      --mod-table-current-header-height should be dynamically updated with JS to match the table header height. */
 	scroll-padding-top: var(--mod-table-current-header-height, calc((var(--mod-table-header-line-height, var(--spectrum-table-row-line-height)) * var(--mod-table-header-font-size, var(--spectrum-table-row-font-size))) + var(--mod-table-header-row-top-to-text, var(--spectrum-table-header-row-top-to-text)) + var(--mod-table-header-row-bottom-to-text, var(--spectrum-table-header-row-bottom-to-text)) + var(--mod-table-border-width, var(--spectrum-table-border-width))));
 
-	&.spectrum-Table--quiet {
-		border-block-start: none;
-	}
-
 	.spectrum-Table-head {
 		position: sticky;
 		inset-block-start: 0;