chore: migrate margin-inline:auto

Author: xboy2012

app/layout.tsx

@@ -163,7 +163,7 @@ export default function RootLayout({
           className={cx(
             'mt-4 mb-19 mx-3 min-w-65 text-white2',
             'md:mt-15 md:mb-25 xl:mb-15',
-            '2xl:max-w-300 2xl:[margin-inline:auto]',
+            '2xl:max-w-300 2xl:mx-auto',
             'flex flex-col 2xl:flex-row 2xl:justify-center 2xl:items-stretch 2xl:gap-6',
             'print:text-black print:!m-0',
           )}

components/Article.tsx

@@ -7,7 +7,7 @@ export const Article = ({ children }: { children?: ReactNode }) => {
       className={cx(
         'animate-fade',
         'bg-eerieBlack2 border border-solid border-jet rounded-5 p-4 shadow-1 z-1',
-        'md:w-130 md:[margin-inline:auto] md:p-7.5',
+        'md:w-130 md:mx-auto md:p-7.5',
         'lg:w-175 xl:w-237.5 xl:shadow-5 2xl:w-auto 2xl:min-h-full',
         'print:!w-full print:bg-inherit print:border-none print:shadow-none print:p-0',
       )}

components/SideBar/SideBar.tsx

@@ -27,7 +27,7 @@ export const SideBar = () => {
         'order-1',
         'bg-eerieBlack2 border border-solid border-jet rounded-5 p-4',
         'shadow-1 z-1 mb-4 overflow-hidden transition-all duration-500 ease-in-out',
-        'md:w-130 md:[margin-inline:auto] md:p-7.5 md:mb-7.5',
+        'md:w-130 md:mx-auto md:p-7.5 md:mb-7.5',
         'lg:w-175',
         'xl:w-237.5 xl:shadow-5',
         '2xl:w-auto 2xl:sticky 2xl:top-15 2xl:h-full 2xl:mb-0 2xl:pt-15 2xl:z-1',