fix(VTimeline): render lines in forced-colors mode (#21974)

Co-authored-by: J-Sek <[email protected]>

Author: 06b

packages/vuetify/src/components/VTimeline/VTimeline.sass

@@ -11,9 +11,15 @@
     .v-timeline-divider__dot
       background: $timeline-dot-divider-background
 
+      @media (forced-colors: active)
+        border: 2px solid
+
     .v-timeline-divider__inner-dot
       background: $timeline-inner-dot-divider-background
 
+      @media (forced-colors: active)
+        background-color: transparent !important
+
   .v-timeline
     display: grid
     grid-auto-flow: dense
@@ -124,6 +130,9 @@
       width: $timeline-divider-line-thickness
       top: $timeline-line-start
 
+    @media (forced-colors: active)
+      background: canvastext
+
   .v-timeline-divider__after
     background: $timeline-divider-line-background
     position: absolute
@@ -139,6 +148,9 @@
       width: $timeline-divider-line-thickness
       bottom: $timeline-line-start
 
+    @media (forced-colors: active)
+      background: canvastext
+
   .v-timeline-item:first-child
     .v-timeline-divider__before
       @include vertical