Hide Shoelace tooltips on touch devices

Tooltips are not useful on touch devices where there is no
hover interaction. The coarse pointer media query targets
touch screens and hides the tooltip popup accordingly.
This prevents the behavior of open tooltips in the background
after a dialog was opened.

(cherry picked from commit 903732e)

# Conflicts:
#	app/assets/builds/alchemy/admin.css

Author: kulturbande

app/assets/builds/alchemy/admin.css

@@ -307,6 +307,12 @@ sl-tooltip {
     border-radius: var(--border-radius_medium);
     box-shadow: var(--tooltip-box-shadow);
   }
+
+  @media (pointer: coarse) {
+    &::part(base__popup) {
+      display: none;
+    }
+  }
 }
 
 sl-button {