feat: upgrade to tailwind@4

apps/remix/app/components/forms/2fa/disable-authenticator-app-dialog.tsx

@@ -98,7 +98,7 @@ export const DisableAuthenticatorAppDialog = () => {
   return (
     <Dialog open={isOpen} onOpenChange={onCloseTwoFactorDisableDialog}>
       <DialogTrigger asChild={true}>
-        <Button className="flex-shrink-0" variant="destructive">
+        <Button className="shrink-0" variant="destructive">
           <Trans>Disable 2FA</Trans>
         </Button>
       </DialogTrigger>

apps/remix/app/components/forms/2fa/enable-authenticator-app-dialog.tsx

@@ -139,7 +139,7 @@ export const EnableAuthenticatorAppDialog = ({ onSuccess }: EnableAuthenticatorA
     <Dialog open={isOpen} onOpenChange={setIsOpen}>
       <DialogTrigger asChild={true}>
         <Button
-          className="flex-shrink-0"
+          className="shrink-0"
           loading={isSettingUp2FA}
           onClick={(e) => {
             e.preventDefault();

apps/remix/app/components/forms/2fa/view-recovery-codes-dialog.tsx

@@ -75,7 +75,7 @@ export const ViewRecoveryCodesDialog = () => {
   return (
     <Dialog open={isOpen} onOpenChange={setIsOpen}>
       <DialogTrigger asChild>
-        <Button className="flex-shrink-0">
+        <Button className="shrink-0">
           <Trans>View Codes</Trans>
         </Button>
       </DialogTrigger>
@@ -120,7 +120,7 @@ export const ViewRecoveryCodesDialog = () => {
                 </DialogDescription>
               </DialogHeader>
 
-              <fieldset className="flex flex-col space-y-4" disabled={form.formState.isSubmitting}>
+              <fieldset className="twv3-space-y-4 flex flex-col" disabled={form.formState.isSubmitting}>
                 <FormField
                   name="token"
                   control={form.control}