remove vendor prefixes

Author: mayank1513

.tkb

@@ -125,14 +125,20 @@
       "id": "W_uPAM5Vm86aJ8yEEMKHh",
       "description": "Update examples\n- Add example for tailwind",
       "columnId": "column-todo"
+    },
+    "zE0aqgk59cyZ95s5TkECd": {
+      "id": "zE0aqgk59cyZ95s5TkECd",
+      "description": "Update doc comments",
+      "columnId": "column-todo"
     }
   },
   "columns": [
     {
       "id": "column-todo",
       "title": "To do",
       "tasksIds": [
-        "W_uPAM5Vm86aJ8yEEMKHh"
+        "W_uPAM5Vm86aJ8yEEMKHh",
+        "zE0aqgk59cyZ95s5TkECd"
       ]
     },
     {

lib/src/client/core/core.tsx

@@ -1,4 +1,4 @@
-import { COOKIE_KEY, DARK, LIGHT, MAX_AGE, SYSTEM, modes } from "../../constants";
+import { COOKIE_KEY, DARK, LIGHT, SYSTEM, modes } from "../../constants";
 import { ColorSchemePreference, Store, useStore } from "../../utils";
 import { useEffect } from "react";
 
@@ -11,11 +11,8 @@ export interface CoreProps {
 const modifyTransition = (documentMinify: Document, themeTransition = "none") => {
   const css = documentMinify.createElement("style");
   /** split by ';' to prevent CSS injection */
-  const transition = `transition: ${themeTransition.split(";")[0]} !important;`;
   css.appendChild(
-    documentMinify.createTextNode(
-      `*{-webkit-${transition}-moz-${transition}-o-${transition}-ms-${transition}${transition}}`,
-    ),
+    documentMinify.createTextNode(`*{transition:${themeTransition.split(";")[0]} !important;}`),
   );
   documentMinify.head.appendChild(css);
 
@@ -85,7 +82,7 @@ export const Core = ({ t }: CoreProps) => {
     // System mode is decided by current system state and need not be stored in localStorage
     localStorage.setItem(COOKIE_KEY, mode);
     if (serverTargetEl)
-      documentMinify.cookie = `${COOKIE_KEY}=${resolvedMode};max-age=${MAX_AGE};SameSite=Strict;`;
+      documentMinify.cookie = `${COOKIE_KEY}=${resolvedMode};max-age=31536000;SameSite=Strict;`;
   }, [resolvedMode, systemMode, mode]);
 
   return null;

lib/src/constants.ts

@@ -3,7 +3,6 @@ import { ColorSchemePreference } from "./utils";
 export const SYSTEM: ColorSchemePreference = "system";
 export const DARK: ColorSchemePreference = "dark";
 export const LIGHT: ColorSchemePreference = "light";
-export const MAX_AGE = 31536000;
 
 export const COOKIE_KEY = "gx";
 export const modes: ColorSchemePreference[] = [SYSTEM, DARK, LIGHT];