Update Firefox version to 134.0.2 in README and configuration files; adjust CSS font-family for macOS.

README.md

@@ -30,7 +30,7 @@
 
 Zen is currently built using firefox version `134.0.1`! 🚀
 
-- [`Zen Twilight`](https://zen-browser.app/download?twilight) - Is currently built using firefox version `RC 134.0.1`!
+- [`Zen Twilight`](https://zen-browser.app/download?twilight) - Is currently built using firefox version `RC 134.0.2`!
 - Check out the latest [release notes](https://zen-browser.app/release-notes)!
 - Part of our mission is to keep Zen up-to-date with the latest version of Firefox, so you can enjoy the latest features and security updates!
 

src/browser/base/content/zen-styles/zen-theme.css

@@ -189,15 +189,9 @@
   );
 
   /** Other theme-related styles */
-  font-family:
-    SF Pro,
-    ui-sans-serif,
-    system-ui,
-    sans-serif,
-    Apple Color Emoji,
-    Segoe UI Emoji,
-    Segoe UI Symbol,
-    Noto Color Emoji;
+  @media (-moz-platform: macos) {
+    font-family: "SF Pro";
+  }
 }
 
 @media (prefers-color-scheme: dark) {

src/browser/base/zen-components/ZenGlanceManager.mjs

@@ -108,15 +108,16 @@
         this.browserWrapper.style.left = `${initialX}px`;
         this.browserWrapper.style.width = `${initialWidth}px`;
         this.browserWrapper.style.height = `${initialHeight}px`;
+        this.browserWrapper.style.opacity = 0.8;
         gZenUIManager.motion
           .animate(
             this.browserWrapper,
             {
-              top: [`${initialY}px`, '50%'],
-              left: [`${initialX}px`, '50%'],
-              width: [`${initialWidth}px`, '85%'],
-              height: [`${initialHeight}px`, '100%'],
-              opacity: [0.8, 1],
+              top: "50%",
+              left: "50%",
+              width: "85%",
+              height: "100%",
+              opacity: 1,
             },
             {
               duration: 0.5,

src/browser/components/customizableui/CustomizableUI-sys-mjs.patch

@@ -1,5 +1,5 @@
 diff --git a/browser/components/customizableui/CustomizableUI.sys.mjs b/browser/components/customizableui/CustomizableUI.sys.mjs
-index b953d7d2c8fa7fe2d320bd7cb7af9aeeef0abc86..1a3142c58af638a731f546b8695a0fc3fab9054c 100644
+index b953d7d2c8fa7fe2d320bd7cb7af9aeeef0abc86..bb822f3f8639aa23c447c1cd528ddf2ceb102e72 100644
 --- a/browser/components/customizableui/CustomizableUI.sys.mjs
 +++ b/browser/components/customizableui/CustomizableUI.sys.mjs
 @@ -13,6 +13,7 @@ ChromeUtils.defineESModuleGetters(lazy, {
@@ -124,17 +124,16 @@ index b953d7d2c8fa7fe2d320bd7cb7af9aeeef0abc86..1a3142c58af638a731f546b8695a0fc3
    /**
     * Add a widget to an area.
     * If the area to which you try to add is not known to CustomizableUI,
-@@ -6404,7 +6403,8 @@ class OverflowableToolbar {
-         this.#target
-       );
-       totalAvailWidth =
--        getInlineSize(this.#toolbar) -
-+        ((win.gZenVerticalTabsManager._hasSetSingleToolbar ? parseInt(this.#toolbar.closest("#navigator-toolbox")?.getAttribute("width")) : 0) ||
-+        getInlineSize(this.#toolbar)) -
+@@ -6407,7 +6406,7 @@ class OverflowableToolbar {
+         getInlineSize(this.#toolbar) -
          parseFloat(style.paddingLeft) -
          parseFloat(style.paddingRight) -
-         toolbarChildrenWidth;
-@@ -6516,7 +6516,7 @@ class OverflowableToolbar {
+-        toolbarChildrenWidth;
++        toolbarChildrenWidth - (win.gZenVerticalTabsManager._hasSetSingleToolbar ? 1 : 0); // -1px so we can calculate the overflow correctly
+       targetWidth = getInlineSize(this.#target);
+       targetChildrenWidth =
+         this.#target == this.#toolbar
+@@ -6516,7 +6515,7 @@ class OverflowableToolbar {
          }
        }
        if (!inserted) {

surfer.json

@@ -6,7 +6,7 @@
   "version": {
     "product": "firefox",
     "version": "134.0.1",
-    "candidate": "134.0.1"
+    "candidate": "134.0.2"
   },
   "buildOptions": {
     "generateBranding": true