refactor(VPSidebarItem): no css nesting [pr #3806]

src/client/theme-default/components/VPSidebarItem.vue

@@ -126,18 +126,19 @@ const classes = computed(() => [
   cursor: pointer;
   display: flex;
   justify-content: space-between;
+}
 
-  .link {
+.VPSidebarItem details summary .link {
-    flex-grow: 0;
+  flex-grow: 0;
-  }
+}
 
-  &::-webkit-details-marker {
+  
-    display: none;
+.VPSidebarItem details summary::-webkit-details-marker {
-  }
+  display: none;
+}
 
-  &::marker {
+.VPSidebarItem details summary::marker {
-    content: '';
+  content: '';
-  }
 }
 
 .indicator {