fix(item): allow click targets inside of label (#24225)

* fix(item): allow click targets inside of label

* docs(label): document z-index usage in label

core/src/components/item/item.scss

@@ -309,12 +309,6 @@ button, a {
   z-index: 1;
 }
 
-// Setting pointer-events to none allows the label
-// to be clicked to open the select interface
-::slotted(ion-label) {
-  pointer-events: none;
-}
-
 ::slotted(ion-label:not([slot="end"])) {
   flex: 1;
 }

core/src/components/label/label.md.scss

@@ -23,7 +23,6 @@
    /* stylelint-disable property-disallowed-list */
    transform-origin: top left;
    /* stylelint-enable property-disallowed-list */
-   z-index: 3;
  }
 
  :host(.label-stacked.label-rtl),
@@ -70,6 +69,7 @@
   background-color: $item-md-background;
 
   overflow: visible;
+  // Places the label on top of the item outline
   z-index: 3;
 
   &::before,