WebUI: Remove --cr-actionable mixin, add pointer cursor manually

The --cr-actionable mixin wasn't too meaningful and only applied a
pointer cursor. We should use [actionable] in places where we can
and just manually add the pointer cursor to places where we can't.

Bug: 973674
Change-Id: Ie0e43f6e463276417701f1f172c9f91987b3a09c
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/1705016Reviewed-by: Demetrios Papadopoulos <dpapad@chromium.org>
Commit-Queue: John Lee <johntlee@chromium.org>
Cr-Commit-Position: refs/heads/master@{#678374}

chrome/browser/resources/settings/basic_page/basic_page.html

@@ -44,7 +44,6 @@
       }
 
       #advancedToggle {
-        @apply --cr-actionable;
         --ink-color: currentColor;
         align-items: center;
         background: transparent;

chrome/browser/resources/settings/printing_page/cups_printer_shared_css.html

@@ -77,12 +77,12 @@
         border: none;
         box-sizing: border-box;
         color: var(--paper-grey-800);
+        cursor: pointer;
         font: inherit;
         min-height: 32px;
         padding: 0 24px;
         text-align: start;
         width: 100%;
-        @apply --cr-actionable;
       }
 
       .list-item:focus {

chrome/browser/resources/welcome/onboarding_welcome/shared/action_link_style_css.html

@@ -8,11 +8,11 @@
   <template>
     <style>
       button.action-link {
-        @apply --cr-actionable;
         -webkit-appearance: none;
         background: none;
         border: none;
         color: var(--cr-link-color);
+        cursor: pointer;
         display: inline-block;
         font-family: inherit;
         text-decoration: none;

ui/webui/resources/cr_elements/action_link_css.html

@@ -6,7 +6,7 @@
   <template>
     <style>
       [is='action-link'] {
-        @apply --cr-actionable;
+        cursor: pointer;
         display: inline-block;
         text-decoration: none;
       }

ui/webui/resources/cr_elements/cr_action_menu/cr_action_menu.html

@@ -49,7 +49,7 @@
       }
 
       :host ::slotted(.dropdown-item:not([disabled])) {
-        @apply --cr-actionable;
+        cursor: pointer;
       }
 
       :host ::slotted(.dropdown-item:focus) {

ui/webui/resources/cr_elements/shared_style_css.html

@@ -22,7 +22,7 @@
       }
 
       [actionable] {
-        @apply --cr-actionable;
+        cursor: pointer;
       }
 
       .subpage-arrow,
@@ -72,7 +72,7 @@
         @apply --cr-selectable-focus;
       }
       [selectable]:not(cr-radio-group) > * {
-        @apply --cr-actionable;
+        cursor: pointer;
       }
 
       .cr-container-shadow {

ui/webui/resources/cr_elements/shared_vars_css.html

@@ -112,10 +112,6 @@
    * set for both light and dark modes and use a single variable below. */
 
   html {
-    --cr-actionable: {
-      cursor: pointer;
-    }
-
     --cr-button-edge-spacing: 12px;
     --cr-button-height: 32px;