Fix .dropdown-menu-arrow border color, replace clip with clip-path (#2991)

.changeset/fix-dropdown-arrow-border.md

@@ -0,0 +1,5 @@
+---
+"@tabler/core": patch
+---
+
+Fixed the `.dropdown-menu-arrow` border color and replaced the deprecated `clip` with `clip-path`.

core/scss/ui/_dropdowns.scss

@@ -86,11 +86,12 @@
     display: block;
     width: 14px;
     height: 14px;
-    clip: rect(0, 9px, 9px, 0);
+    clip-path: inset(0 5px 5px 0);
     content: '';
     background: inherit;
-    border: 1px solid;
+    // The menu draws its edge with the 1px ring in --dropdown-box-shadow and has
-    border-color: inherit;
+    // no border, so `inherit` would give the arrow the text color.
+    border: 1px solid var(--dropdown-border-color);
 
     /* rtl:ignore */
     transform: rotate(45deg);