fix: resolve icon-only button tooltip/label regression (#7253)

* refactor(button): consolidate shared styles

* fix(tooltip): remove broken button specific styles from global mixin

* fix(button): hide tooltips on disabled icon only button

Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>

Author: emyarod

packages/components/src/components/button/_button.scss

@@ -150,12 +150,18 @@
     &:focus svg {
       fill: currentColor;
     }
-  }
 
-  .#{$prefix}--btn.#{$prefix}--btn--icon-only.#{$prefix}--btn--ghost:focus svg {
-    fill: $icon-01;
+    &.#{$prefix}--btn--disabled.#{$prefix}--tooltip--a11y::before,
+    &.#{$prefix}--btn--disabled.#{$prefix}--tooltip--a11y::after,
+    &.#{$prefix}--btn--disabled .#{$prefix}--assistive-text {
+      margin: -1px;
+      overflow: hidden;
+      opacity: 0;
+      clip: rect(0, 0, 0, 0);
+    }
   }
 
+  .#{$prefix}--btn.#{$prefix}--btn--icon-only.#{$prefix}--btn--ghost:focus svg,
   .#{$prefix}--btn.#{$prefix}--btn--icon-only.#{$prefix}--btn--ghost:hover svg {
     fill: $icon-01;
   }

packages/components/src/globals/scss/_tooltip.scss

@@ -202,12 +202,6 @@
     opacity: 0;
     animation: none;
   }
-
-  &.#{$prefix}--btn--disabled.#{$prefix}--tooltip--a11y::before,
-  &.#{$prefix}--btn--disabled.#{$prefix}--tooltip--a11y::after,
-  &.#{$prefix}--btn--disabled .#{$prefix}--assistive-text {
-    display: none;
-  }
 }
 
 // Tooltip