refactor: use border instead of box-shadow in tooltip base styles (#10434)

Author: web-padawan

packages/avatar/test/visual/base/screenshots/avatar/baseline/tooltip.png

@@ -15,17 +15,15 @@ export const tooltipOverlayStyles = css`
   [part='overlay'] {
     max-width: var(--vaadin-tooltip-max-width, 40ch);
     padding: var(--vaadin-tooltip-padding, var(--vaadin-padding-container));
+    border: var(--vaadin-tooltip-border-width, var(--vaadin-overlay-border-width, 1px)) solid
+      var(--vaadin-tooltip-border-color, var(--vaadin-overlay-border-color, var(--vaadin-border-color-secondary)));
     border-radius: var(--vaadin-tooltip-border-radius, var(--vaadin-radius-m));
     background: var(--vaadin-tooltip-background, var(--vaadin-background-color));
     color: var(--vaadin-tooltip-text-color, inherit);
     font-size: var(--vaadin-tooltip-font-size, 0.9em);
     font-weight: var(--vaadin-tooltip-font-weight, inherit);
     line-height: var(--vaadin-tooltip-line-height, inherit);
-    border: 0;
-    box-shadow:
-      0 0 0 var(--vaadin-tooltip-border-width, 1px)
-        var(--vaadin-tooltip-border-color, var(--vaadin-border-color-secondary)),
-      var(--vaadin-tooltip-shadow, 0 3px 8px -1px rgba(0, 0, 0, 0.2));
+    box-shadow: var(--vaadin-tooltip-shadow, 0 3px 8px -1px rgba(0, 0, 0, 0.2));
   }
 
   :host(:not([markdown])) [part='content'] {