revert(biome): keep biome on 2.0.0-beta.5 to avoid config churn

Author: waleedlatif1

apps/docs/app/global.css

@@ -36,14 +36,12 @@ body {
 
 /* Font family utilities */
 .font-sans {
-  font-family:
-    var(--font-geist-sans), ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
-    Roboto, "Helvetica Neue", Arial, sans-serif;
+  font-family: var(--font-geist-sans), ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,
+    "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
 }
 
 .font-mono {
-  font-family:
-    var(--font-geist-mono), ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
+  font-family: var(--font-geist-mono), ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
     "Liberation Mono", "Courier New", monospace;
 }
 
@@ -216,8 +214,8 @@ html #nd-sidebar button:not([aria-label*="ollapse"]):not([aria-label*="xpand"])
   padding: 0.375rem 0.875rem;
   font-weight: 450;
   border-radius: 0.75rem;
-  font-family:
-    -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial,
+    sans-serif;
 }
 
 /* Sidebar text — aligned with platform --text-body */
@@ -381,8 +379,8 @@ aside[data-sidebar] > *:not([data-sidebar-viewport]) {
   button[aria-label="Toggle Sidebar"],
   button[aria-label="Collapse Sidebar"],
   /* Hide nav title/logo in sidebar on desktop - target all possible locations */
-  /* Lower specificity selectors first (attribute selectors) */
-  [data-sidebar-header],
+    /* Lower specificity selectors first (attribute selectors) */
+    [data-sidebar-header],
   [data-sidebar] [data-title],
   aside[data-sidebar] a[href="/"],
   aside[data-sidebar] a[href="/"] img,
@@ -469,8 +467,7 @@ aside[data-sidebar],
 code,
 pre,
 pre code {
-  font-family:
-    var(--font-geist-mono), ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
+  font-family: var(--font-geist-mono), ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
     "Liberation Mono", "Courier New", monospace;
 }
 
@@ -768,9 +765,8 @@ video {
 #nd-page:has(.api-page-header) div,
 #nd-page:has(.api-page-header) label,
 #nd-page:has(.api-page-header) button {
-  font-family:
-    var(--font-geist-sans), ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
-    Roboto, "Helvetica Neue", Arial, sans-serif;
+  font-family: var(--font-geist-sans), ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,
+    "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
 }
 
 /* Method badge pills — shared background colors (page + sidebar) */

apps/docs/components/navbar/navbar.tsx

@@ -41,7 +41,7 @@ export function Navbar() {
             <SimLogoFull className='h-[20px] w-auto' />
           </Link>
 
-          <div className='absolute left-1/2 flex -translate-x-1/2 items-center justify-center'>
+          <div className='-translate-x-1/2 absolute left-1/2 flex items-center justify-center'>
             <SearchTrigger />
           </div>
 
@@ -72,7 +72,7 @@ export function Navbar() {
                 href={tab.href}
                 {...(tab.external ? { target: '_blank', rel: 'noopener noreferrer' } : {})}
                 className={cn(
-                  'relative -mb-px flex items-center border-b text-[14px] tracking-[-0.01em] transition-colors',
+                  '-mb-px relative flex items-center border-b text-[14px] tracking-[-0.01em] transition-colors',
                   isActive
                     ? 'border-neutral-400 font-[480] text-neutral-800 dark:border-neutral-500 dark:text-neutral-200'
                     : 'border-transparent font-[430] text-neutral-500 hover:border-neutral-300 hover:text-neutral-600 dark:text-neutral-400 dark:hover:border-neutral-600 dark:hover:text-neutral-300'

apps/sim/app/(auth)/components/auth-background.tsx

@@ -9,7 +9,7 @@ type AuthBackgroundProps = {
 export default function AuthBackground({ className, children }: AuthBackgroundProps) {
   return (
     <div className={cn('fixed inset-0 overflow-hidden', className)}>
-      <div className='pointer-events-none absolute inset-0 -z-50 bg-[var(--landing-bg)]' />
+      <div className='-z-50 pointer-events-none absolute inset-0 bg-[var(--landing-bg)]' />
       <AuthBackgroundSVG />
       <div className='relative z-20 h-full overflow-auto'>{children}</div>
     </div>

apps/sim/app/(auth)/login/login-form.tsx

@@ -423,7 +423,7 @@ export default function LoginPage({
                 <button
                   type='button'
                   onClick={() => setShowPassword(!showPassword)}
-                  className='absolute top-1/2 right-3 -translate-y-1/2 text-[var(--landing-text-muted)] transition hover:text-[var(--landing-text)]'
+                  className='-translate-y-1/2 absolute top-1/2 right-3 text-[var(--landing-text-muted)] transition hover:text-[var(--landing-text)]'
                   aria-label={showPassword ? 'Hide password' : 'Show password'}
                 >
                   {showPassword ? <EyeOff size={18} /> : <Eye size={18} />}

apps/sim/app/(auth)/reset-password/reset-password-form.tsx

@@ -170,7 +170,7 @@ export function SetNewPasswordForm({
             <button
               type='button'
               onClick={() => setShowPassword(!showPassword)}
-              className='absolute top-1/2 right-3 -translate-y-1/2 text-[var(--landing-text-muted)] transition hover:text-[var(--landing-text)]'
+              className='-translate-y-1/2 absolute top-1/2 right-3 text-[var(--landing-text-muted)] transition hover:text-[var(--landing-text)]'
               aria-label={showPassword ? 'Hide password' : 'Show password'}
             >
               {showPassword ? <EyeOff size={18} /> : <Eye size={18} />}
@@ -201,7 +201,7 @@ export function SetNewPasswordForm({
             <button
               type='button'
               onClick={() => setShowConfirmPassword(!showConfirmPassword)}
-              className='absolute top-1/2 right-3 -translate-y-1/2 text-[var(--landing-text-muted)] transition hover:text-[var(--landing-text)]'
+              className='-translate-y-1/2 absolute top-1/2 right-3 text-[var(--landing-text-muted)] transition hover:text-[var(--landing-text)]'
               aria-label={showConfirmPassword ? 'Hide password' : 'Show password'}
             >
               {showConfirmPassword ? <EyeOff size={18} /> : <Eye size={18} />}

apps/sim/app/(auth)/signup/signup-form.tsx

@@ -486,7 +486,7 @@ function SignupFormContent({ githubAvailable, googleAvailable, isProduction }: S
                   <button
                     type='button'
                     onClick={() => setShowPassword(!showPassword)}
-                    className='absolute top-1/2 right-3 -translate-y-1/2 text-[var(--landing-text-muted)] transition hover:text-[var(--landing-text)]'
+                    className='-translate-y-1/2 absolute top-1/2 right-3 text-[var(--landing-text-muted)] transition hover:text-[var(--landing-text)]'
                     aria-label={showPassword ? 'Hide password' : 'Show password'}
                   >
                     {showPassword ? <EyeOff size={18} /> : <Eye size={18} />}

apps/sim/app/(landing)/blog/[slug]/back-link.tsx

@@ -31,7 +31,7 @@ export function BackLink() {
           strokeLinecap='square'
           strokeLinejoin='miter'
           fill='none'
-          className='transition-transform duration-200 ease-out group-hover/link:-translate-x-[30%]'
+          className='group-hover/link:-translate-x-[30%] transition-transform duration-200 ease-out'
         />
       </svg>
       Back to Blog

apps/sim/app/(landing)/components/collaboration/collaboration.tsx

@@ -96,7 +96,7 @@ function VikhyathCursor() {
         <div className='absolute top-0 left-[56.02px]'>
           <CursorArrow fill='#2ABBF8' />
         </div>
-        <div className='absolute top-4.5 -left-[4px] flex items-center rounded bg-[#2ABBF8] px-[5px] py-[3px] font-[420] font-season text-[var(--landing-text-dark)] text-sm leading-[100%] tracking-[-0.02em]'>
+        <div className='-left-[4px] absolute top-4.5 flex items-center rounded bg-[#2ABBF8] px-[5px] py-[3px] font-[420] font-season text-[var(--landing-text-dark)] text-sm leading-[100%] tracking-[-0.02em]'>
           Vikhyath
         </div>
       </div>
@@ -312,7 +312,7 @@ export default function Collaboration() {
           </div>
 
           <figure className='pointer-events-none relative h-[220px] w-full md:h-[600px]'>
-            <div className='absolute inset-y-0 -top-[10%] left-[7%] min-w-full md:top-0 md:-left-[18%]'>
+            <div className='-top-[10%] md:-left-[18%] absolute inset-y-0 left-[7%] min-w-full md:top-0'>
               <Image
                 src='/landing/collaboration-visual.svg'
                 alt='Collaboration visual showing teams building AI agents together with real-time editing, shared cursors, and version control'

apps/sim/app/(landing)/components/features/components/features-preview.tsx

@@ -1050,7 +1050,7 @@ function MockFullTable({ revealedRows }: { revealedRows: number }) {
                       {isSelected && (
                         <div
                           className={cn(
-                            'pointer-events-none absolute -top-px -bottom-px left-0 z-[5] border-[#1a5cf6] border-t border-b',
+                            '-top-px -bottom-px pointer-events-none absolute left-0 z-[5] border-[#1a5cf6] border-t border-b',
                             j === 0 && 'border-l',
                             j === row.length - 1 ? '-right-px border-r' : 'right-0'
                           )}

apps/sim/app/(landing)/components/features/features.tsx

@@ -226,7 +226,7 @@ export default function Features() {
                   aria-selected={index === activeTab}
                   aria-controls='features-panel'
                   onClick={() => setActiveTab(index)}
-                  className={`relative h-full min-w-0 flex-1 items-center justify-center px-2 font-medium font-season text-[var(--landing-text-dark)] text-caption uppercase lg:px-0 lg:text-sm${tab.hideOnMobile ? ' hidden lg:flex' : ' flex'}${index > 0 ? ' border-[var(--divider)] border-l' : ''}`}
+                  className={`relative h-full min-w-0 flex-1 items-center justify-center px-2 font-medium font-season text-[var(--landing-text-dark)] text-caption uppercase lg:px-0 lg:text-sm${tab.hideOnMobile ? 'hidden lg:flex' : 'flex'}${index > 0 ? 'border-[var(--divider)] border-l' : ''}`}
                   style={{ backgroundColor: index === activeTab ? '#FDFDFD' : '#F6F6F6' }}
                 >
                   <span className='truncate'>{tab.label}</span>