From ef2e6c71fe14cfba90305060f589d113fb2b1fa2 Mon Sep 17 00:00:00 2001
From: Philipp Spiess <hello@philippspiess.com>
Date: Tue, 13 May 2025 14:20:40 +0200
Subject: [PATCH] Upgrade: Migrate `outline` class (#17996)

This PR adds a migration from `outline` to `outline-solid` for the v3 ->
v4 upgrade tool.

## Test plan

- Added integration test
---
 integrations/upgrade/index.test.ts                          | 6 ++++++
 .../src/codemods/template/migrate-legacy-classes.test.ts    | 2 ++
 .../src/codemods/template/migrate-legacy-classes.ts         | 2 ++
 3 files changed, 10 insertions(+)

diff --git a/integrations/upgrade/index.test.ts b/integrations/upgrade/index.test.ts
index df86c3b6b..2dc9b7c67 100644
--- a/integrations/upgrade/index.test.ts
+++ b/integrations/upgrade/index.test.ts
@@ -81,6 +81,9 @@ test(
 
         <!-- Migrate to -3 -->
         <div class="ring"></div>
+
+        <!-- Migrate to -solid -->
+        <div class="outline"></div>
       `,
       'src/input.css': css`
         @tailwind base;
@@ -117,6 +120,9 @@ test(
       <!-- Migrate to -3 -->
       <div class="ring-3"></div>
 
+      <!-- Migrate to -solid -->
+      <div class="outline-solid"></div>
+
       --- ./src/input.css ---
       @import 'tailwindcss';
 
diff --git a/packages/@tailwindcss-upgrade/src/codemods/template/migrate-legacy-classes.test.ts b/packages/@tailwindcss-upgrade/src/codemods/template/migrate-legacy-classes.test.ts
index 1dbe90426..a48834180 100644
--- a/packages/@tailwindcss-upgrade/src/codemods/template/migrate-legacy-classes.test.ts
+++ b/packages/@tailwindcss-upgrade/src/codemods/template/migrate-legacy-classes.test.ts
@@ -27,6 +27,8 @@ test.each([
 
   ['ring', 'ring-3'],
 
+  ['outline', 'outline-solid'],
+
   ['blur!', 'blur-sm!'],
   ['hover:blur', 'hover:blur-sm'],
   ['hover:blur!', 'hover:blur-sm!'],
diff --git a/packages/@tailwindcss-upgrade/src/codemods/template/migrate-legacy-classes.ts b/packages/@tailwindcss-upgrade/src/codemods/template/migrate-legacy-classes.ts
index 234907e8a..20b30fe0c 100644
--- a/packages/@tailwindcss-upgrade/src/codemods/template/migrate-legacy-classes.ts
+++ b/packages/@tailwindcss-upgrade/src/codemods/template/migrate-legacy-classes.ts
@@ -33,6 +33,8 @@ const LEGACY_CLASS_MAP = new Map([
   ['backdrop-blur-sm', 'backdrop-blur-xs'],
 
   ['ring', 'ring-3'],
+
+  ['outline', 'outline-solid'],
 ])
 
 const THEME_KEYS = new Map([