feat: Use tahoe native feel, p=#10761

* feat: Use tahoe native feel, b=no-bug, c=media, common

* fix: Remove rect param from glance animation, b=no-bug, c=glance

* chore: Updated surfer, b=no-bug, c=no-component

src/zen/common/styles/zen-browser-ui.css

@@ -202,16 +202,28 @@
   @media -moz-pref('zen.widget.mac.mono-window-controls') {
     .titlebar-buttonbox-container {
       color: var(--toolbox-textcolor);
+
+      --zen-traffic-light-size: 6px;
+
+      @media (-moz-mac-tahoe-theme) {
+        --zen-traffic-light-size: 7px;
+      }
+
       /* Draw 3 dots as background to represent the window controls,
         all with the same cololr as the titlebar */
       background-image: radial-gradient(
         circle,
-        var(--zen-toolbar-element-bg) 6px,
+        var(--zen-toolbar-element-bg) var(--zen-traffic-light-size),
         transparent 0.5px
       );
       background-size: 20px 22px;
       background-position: 53% 50%;
 
+      @media (-moz-mac-tahoe-theme) {
+        background-size: 23px 22px;
+        background-position: 52% 50%;
+      }
+
       &:not([zen-has-hover='true']) > .titlebar-buttonbox {
         opacity: 0;
       }

src/zen/common/styles/zen-panel-ui.css

@@ -41,6 +41,7 @@ panel[type='arrow'] {
     --panel-background: light-dark(rgba(255, 255, 255, 0.5), rgba(0, 0, 0, 0.5)) !important;
     --panel-border-color: transparent !important;
     --panel-shadow-margin: 0px !important;
+    border: none !important;
 
     transition-duration: 0s !important;