chore: Bump motion version, p=#9677, c=vendor

src/zen/common/ZenUIManager.mjs

@@ -37,9 +37,13 @@ var gZenUIManager = {
     document.addEventListener('mousedown', this.handleMouseDown.bind(this), true);
 
     ChromeUtils.defineLazyGetter(this, 'motion', () => {
-      return ChromeUtils.importESModule('chrome://browser/content/zen-vendor/motion.min.mjs', {
-        global: 'current',
-      });
+      Services.scriptloader.loadSubScript(
+        'chrome://browser/content/zen-vendor/motion.min.mjs',
+        window
+      );
+      const motion = window.Motion;
+      delete window.Motion;
+      return motion;
     });
 
     ChromeUtils.defineLazyGetter(this, '_toastContainer', () => {

src/zen/vendor/motion.dep

@@ -1,2 +1,2 @@
 // Ignore license in this file
-https://cdn.jsdelivr.net/npm/motion@latest/+esm: v12.16.0
+https://cdn.jsdelivr.net/npm/motion@latest/dist/motion.js: v12.23.11

src/zen/workspaces/ZenGradientGenerator.mjs

@@ -1346,9 +1346,10 @@
         {
           let opacity = browser.gZenThemePicker.currentOpacity;
           const svg = browser.gZenThemePicker.sliderWavePath;
-          const [secondStop, thirdStop] = document
-            .querySelectorAll('#PanelUI-zen-gradient-generator-slider-wave-gradient stop')
-            .slice(1, 3);
+          /* eslint-disable no-unused-vars */
+          const [_, secondStop, thirdStop] = document.querySelectorAll(
+            '#PanelUI-zen-gradient-generator-slider-wave-gradient stop'
+          );
           // Opacity can only be between MIN_OPACITY to MAX_OPACITY. Make opacity relative to that range
           if (opacity < MIN_OPACITY) {
             opacity = 0;