feat(VTabs): port to v3

packages/vuetify/src/components/VSlideGroup/VSlideGroup.sass

@@ -1,23 +1,14 @@
-// Imports
-@import './_variables.scss'
+@forward './variables'
+@use 'sass:math'
+@use 'sass:map'
+@use '../../styles/settings'
+@use '../../styles/tools'
+@use './variables' as *
 
 // Block
 .v-slide-group
   display: flex
 
-  &:not(.v-slide-group--has-affixes)
-    > .v-slide-group__prev,
-    > .v-slide-group__next
-      display: none
-
-  // Needed increased specificity
-  // to overwrite v-tabs pointer
-  // replacement
-  &.v-item-group
-    > .v-slide-group__next,
-    > .v-slide-group__prev
-      cursor: pointer
-
 .v-slide-item
   display: inline-flex
   flex: 0 1 auto
@@ -30,22 +21,31 @@
   flex: 0 1 $slide-group-prev-basis
   justify-content: center
   min-width: $slide-group-prev-basis
+  cursor: pointer
+
+  &--disabled
+    pointer-events: none
+    opacity: var(--v-disabled-opacity)
 
 .v-slide-group__content
   display: flex
   flex: 1 0 auto
   position: relative
-  transition: $primary-transition
+  transition: 0.2s all settings.$standard-easing
   white-space: nowrap
 
-.v-slide-group__wrapper
+  > *
+    white-space: initial
+
+.v-slide-group__container
   contain: content
   display: flex
   flex: 1 1 auto
   overflow: hidden
 
 // Modifiers
-.v-slide-group__next,
-.v-slide-group__prev
-  &--disabled
-    pointer-events: none
+.v-slide-group--vertical
+  &,
+  .v-slide-group__container,
+  .v-slide-group__content
+    flex-direction: column