refactor!: remove no longer needed wrapper around scrollers slots (#9364)

Author: web-padawan

packages/date-picker/src/vaadin-date-picker-overlay-content-styles.js

@@ -52,10 +52,6 @@ export const overlayContentStyles = css`
     display: flex;
   }
 
-  #scrollers {
-    display: contents;
-  }
-
   ::slotted([slot='years']) {
     visibility: hidden;
   }

packages/date-picker/src/vaadin-date-picker-overlay-content.js

@@ -46,10 +46,8 @@ class DatePickerOverlayContent extends DatePickerOverlayContentMixin(
         </div>
       </div>
 
-      <div id="scrollers">
-        <slot name="months"></slot>
-        <slot name="years"></slot>
-      </div>
+      <slot name="months"></slot>
+      <slot name="years"></slot>
 
       <div @touchend="${this._preventDefault}" role="toolbar" part="toolbar">
         <slot name="today-button"></slot>

packages/vaadin-lumo-styles/src/components/date-picker-overlay-content.css

@@ -84,11 +84,6 @@
   --_lumo-date-picker-year-opacity: 1;
 }
 
-/* TODO unsupported selector */
-#scrollers {
-  display: contents;
-}
-
 :host([desktop]) ::slotted([slot='years']),
 :host([years-visible]) ::slotted([slot='years']) {
   visibility: visible;