Upgrade: Report errors when updating dependencies (#16504)

Closes #16391

Like the title suggest this PR adds error reporting when the `npm
install` or `npm remove` commands fail.

## Test plan

Tested by swapping out the command for `echo "bla"; exit 1` and
capturing the output from the integration tests:

<img width="792" alt="Screenshot 2025-02-13 at 14 33 02"
src="https://github.com/user-attachments/assets/d1288114-106a-4ac6-a54b-d02b74c98f35"
/>

<img width="761" alt="Screenshot 2025-02-13 at 14 31 05"
src="https://github.com/user-attachments/assets/6d5b9427-457f-4e67-9723-4e340da61749"
/>

Decided not to add a new test for this since it's unlikely we'll do big
changes here and the upgrade integration tests are already quite slow.

Author: philipp-spiess

CHANGELOG.md

@@ -20,6 +20,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 - Ensure `--default-outline-width` can be used to change the `outline-width` value of the `outline` utility
 - Ensure drop shadow utilities don't inherit unexpectedly ([#16471](https://github.com/tailwindlabs/tailwindcss/pull/16471))
 - Export backwards compatible config and plugin types from `tailwindcss/plugin` ([#16505](https://github.com/tailwindlabs/tailwindcss/pull/16505))
+- Upgrade: Report errors when updating dependencies ([#16504](https://github.com/tailwindlabs/tailwindcss/pull/16504))
 
 ## [4.0.6] - 2025-02-10
 

packages/@tailwindcss-upgrade/src/utils/packages.ts

@@ -3,7 +3,7 @@ import fs from 'node:fs/promises'
 import { dirname, resolve } from 'node:path'
 import { promisify } from 'node:util'
 import { DefaultMap } from '../../../tailwindcss/src/utils/default-map'
-import { warn } from './renderer'
+import { error, warn } from './renderer'
 
 const exec = promisify(execCb)
 
@@ -20,11 +20,28 @@ export function pkg(base: string) {
       if (location === 'devDependencies') {
         args.push(SAVE_DEV[packageManager] || SAVE_DEV.default)
       }
-      return exec(`${packageManager} add ${args.join(' ')}`, { cwd: base })
+
+      let command = `${packageManager} add ${args.join(' ')}`
+      try {
+        return await exec(command, { cwd: base })
+      } catch (e: any) {
+        error(`An error occurred while running \`${command}\`\n\n${e.stdout}\n${e.stderr}`, {
+          prefix: '↳ ',
+        })
+        throw e
+      }
     },
     async remove(packages: string[]) {
       let packageManager = await packageManagerForBase.get(base)
-      return exec(`${packageManager} remove ${packages.join(' ')}`, { cwd: base })
+      let command = `${packageManager} remove ${packages.join(' ')}`
+      try {
+        return await exec(command, { cwd: base })
+      } catch (e: any) {
+        error(`An error occurred while running \`${command}\`\n\n${e.stdout}\n${e.stderr}`, {
+          prefix: '↳ ',
+        })
+        throw e
+      }
     },
   }
 }