refactor(checkbox): move cursor styles to host

related: #5066 #5069
PiperOrigin-RevId: 574300108

checkbox/internal/_checkbox.scss

@@ -82,6 +82,11 @@ $_checkmark-bottom-left: 7px, -14px;
     vertical-align: top; // Fix extra space when placed inside display: block
     width: var(--_container-size);
     -webkit-tap-highlight-color: transparent;
+    cursor: pointer;
+  }
+
+  :host([disabled]) {
+    cursor: default;
   }
 
   :host([touch-target='wrapper']) {
@@ -104,7 +109,7 @@ $_checkmark-bottom-left: 7px, -14px;
     position: absolute;
     width: 48px;
     z-index: 1;
-    cursor: pointer;
+    cursor: inherit;
   }
 
   :host([touch-target='none']) input {
@@ -374,10 +379,6 @@ $_checkmark-bottom-left: 7px, -14px;
     opacity: var(--_disabled-container-opacity);
   }
 
-  .disabled input {
-    cursor: default;
-  }
-
   :where(.selected.disabled) .outline {
     // Hide the outline behind the transparent selected container color.
     // This can be removed once disabled colors are flattened.