feat(slider): fix range slider

Author: aramos-adobe

.changeset/rude-jokes-judge.md

@@ -4,36 +4,6 @@
 
 # Slider: offset variant track fix
 
-The border radius styles were not being applied to the second instance of the `spectrum-Slider-track` when the offset variant is activated. The reason for this bug is because when the `offset` is selected, the template structure changes as `spectrum-Slider-fill` gets added to the slider. This likely negated the initial declaration of the border radius styles written below:
-
-```css
-.spectrum-Slider-track {
-	&:first-of-type {
-		&::before {
-			border-start-start-radius: var(
-				--mod-slider-track-corner-radius,
-				var(--spectrum-slider-track-corner-radius)
-			);
-			border-end-start-radius: var(
-				--mod-slider-track-corner-radius,
-				var(--spectrum-slider-track-corner-radius)
-			);
-		}
-	}
-
-	&:last-of-type {
-		&::before {
-			border-start-end-radius: var(
-				--mod-slider-track-corner-radius,
-				var(--spectrum-slider-track-corner-radius)
-			);
-			border-end-end-radius: var(
-				--mod-slider-track-corner-radius,
-				var(--spectrum-slider-track-corner-radius)
-			);
-		}
-	}
-}
-```
+The border radius styles were not being applied to the second instance of the `spectrum-Slider-track` when the offset variant is activated. The reason for this bug is because when the `offset` is selected, the template structure changes as `spectrum-Slider-fill` gets added to the slider.
 
 Adding a sibling combinator `&~.spectrum-Slider-track` to `spectrum-Slider-track` when offset is activated resolved the issue.

components/slider/index.css

@@ -627,6 +627,8 @@
 	.spectrum-Slider-track {
 		&:not(:first-of-type, :last-of-type)::before {
 			background: var(--highcontrast-slider-filled-track-fill-color, var(--mod-slider-track-fill-color, var(--spectrum-slider-track-fill-color)));
+			border-start-end-radius: 0;
+			border-end-end-radius: 0;
 		}
 	}
 }