fix(tailwind): close the remaining v3/v4 rendering differences

Found by rebuilding the v3 stylesheet from this same tree and diffing computed
styles for all 4,674 class strings the app actually uses — combinations, not
just individual utilities, which is where these only show up.

- leading-*/text-* precedence: v4 routes a text-* utility's line-height through
  --tw-leading, so a leading-* class now wins at every breakpoint. v3 let a
  responsive text-lg reassert its own 28px leading; restate that explicitly.
- overflow-wrap: v4 emits the arbitrary property before `break-words`, flipping
  the winner from `anywhere` to `break-word`. Drop the redundant utility.
- z-9999999 and duration-[30ms] never took effect under v3 (outside the
  generated scale; rejected as ambiguous). v4 honours both, which would change
  stacking order and a transition from 150ms to 30ms. Removed.
- note-block focus ring: outline-<n> set width only in v3, so this drew
  nothing; v4 also sets outline-style. Removed to keep v3 rendering.

Every remaining computed-style difference is now verified non-visual: colour
notation (oklch/oklab, pixel-identical), gradient interpolation, mask-composite
keyword aliasing, and outline-none vs outline-hidden.

Author: waleedlatif1

apps/sim/app/(landing)/components/content-author-page/content-author-page.tsx

@@ -86,7 +86,7 @@ export function ContentAuthorPage({
                         timeZone: 'UTC',
                       })}
                     </span>
-                    <h3 className='text-[var(--text-primary)] text-base leading-tight tracking-[-0.01em] lg:text-lg'>
+                    <h3 className='text-[var(--text-primary)] text-base leading-tight tracking-[-0.01em] lg:text-lg lg:leading-7'>
                       {p.title}
                     </h3>
                     <p className='line-clamp-2 text-[var(--text-muted)] text-sm leading-[150%]'>

apps/sim/app/(landing)/components/content-index-page/content-index-page.tsx

@@ -128,7 +128,7 @@ export function ContentIndexPage({
                         timeZone: 'UTC',
                       })}
                     </span>
-                    <h3 className='text-[var(--text-primary)] text-base leading-tight tracking-[-0.01em] lg:text-lg'>
+                    <h3 className='text-[var(--text-primary)] text-base leading-tight tracking-[-0.01em] lg:text-lg lg:leading-7'>
                       {p.title}
                     </h3>
                     <p className='line-clamp-2 text-[var(--text-muted)] text-sm leading-[150%]'>

apps/sim/app/(landing)/components/content-post-page/content-post-page.tsx

@@ -79,7 +79,7 @@ export function ContentPostPage({
                 {post.title}
               </h1>
               <p
-                className='mt-4 text-[var(--text-body)] text-base leading-[150%] tracking-[0.02em] sm:text-lg'
+                className='mt-4 text-[var(--text-body)] text-base leading-[150%] tracking-[0.02em] sm:text-lg sm:leading-7'
                 itemProp='description'
               >
                 {post.description}

apps/sim/app/workspace/[workspaceId]/home/components/user-input/components/constants.ts

@@ -62,7 +62,7 @@ export interface PlusMenuHandle {
  * so the editor reads the same whether it's the chat input or inside the modal.
  */
 const FIELD_MIRROR_CLASSES = cn(
-  'm-0 box-border min-h-[24px] w-full break-words [overflow-wrap:anywhere] border-0 bg-transparent',
+  'm-0 box-border min-h-[24px] w-full [overflow-wrap:anywhere] border-0 bg-transparent',
   'px-1 py-1 font-body text-[14px] leading-[24px] tracking-[-0.015em]'
 )
 

apps/sim/app/workspace/[workspaceId]/home/components/user-message-content/user-message-content.tsx

@@ -7,7 +7,7 @@ import type { ChatMessageContext } from '@/app/workspace/[workspaceId]/home/type
 import { getIntegrationMatcher } from '@/blocks/integration-matcher'
 
 const USER_MESSAGE_CLASSES =
-  'whitespace-pre-wrap break-words [overflow-wrap:anywhere] font-[family-name:var(--font-inter)] text-base text-[var(--text-primary)] leading-[23px] tracking-[0] antialiased'
+  'whitespace-pre-wrap [overflow-wrap:anywhere] font-[family-name:var(--font-inter)] text-base text-[var(--text-primary)] leading-[23px] tracking-[0] antialiased'
 
 const COMPACT_CLASSES =
   'truncate text-small leading-[20px] font-[family-name:var(--font-inter)] text-[var(--text-primary)] tracking-[0] antialiased'

apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/action-bar/action-bar.tsx

@@ -422,7 +422,7 @@ export const ActionBar = memo(
           className={cn(
             'relative flex flex-row items-center gap-[2px]',
             isSwell && [
-              'pointer-events-none h-full opacity-0 transition-opacity duration-[30ms] [transition-timing-function:cubic-bezier(0.23,1,0.32,1)]',
+              'pointer-events-none h-full opacity-0 transition-opacity [transition-timing-function:cubic-bezier(0.23,1,0.32,1)]',
               'group-data-[action-menu-ready]:pointer-events-auto group-data-[action-menu-ready]:opacity-100 group-data-[action-menu-ready]:duration-100',
             ]
           )}

apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/wand-prompt-bar/wand-prompt-bar.tsx

@@ -80,7 +80,7 @@ export function WandPromptBar({
       className={cn(
         '-translate-y-3 absolute right-0 bottom-full left-0 gap-2',
         'rounded-lg border bg-background shadow-lg',
-        'z-9999999 transition-all duration-150',
+        'transition-all duration-150',
         isExiting ? 'opacity-0' : 'opacity-100',
         className
       )}

packages/workflow-renderer/src/note/note-block-view.tsx

@@ -1029,7 +1029,7 @@ export function NoteBlockView({
                   onPointerDown={(event) => recordEditPointerStart(event, 'title')}
                   onClick={(event) => startEditing(event, 'title')}
                   className={cn(
-                    'min-w-0 flex-1 cursor-text rounded-sm bg-transparent text-left outline-offset-1 focus-visible:outline-2 focus-visible:outline-current/50',
+                    'min-w-0 flex-1 cursor-text rounded-sm bg-transparent text-left',
                     !isEnabled && 'opacity-50'
                   )}
                 >
@@ -1180,7 +1180,7 @@ export function NoteBlockView({
                     aria-label='Edit note content'
                     onPointerDown={(event) => recordEditPointerStart(event, 'content')}
                     onClick={(event) => startEditing(event, 'content')}
-                    className='absolute inset-0 z-20 w-full cursor-text rounded-sm bg-transparent outline-offset-1 focus-visible:outline-2 focus-visible:outline-current/50'
+                    className='absolute inset-0 z-20 w-full cursor-text rounded-sm bg-transparent'
                   />
                 )}
                 <div