handle @media with single argument (e.g.: @media print)

Author: RobinMalfait

packages/@tailwindcss-upgrade/src/codemods/template/migrate-modernize-arbitrary-values.test.ts

@@ -84,6 +84,8 @@ test.each([
   ['[@media(pointer:fine)]:flex', 'pointer-fine:flex'],
   ['[@media_(pointer_:_fine)]:flex', 'pointer-fine:flex'],
   ['[@media_not_(pointer_:_fine)]:flex', 'not-pointer-fine:flex'],
+  ['[@media_print]:flex', 'print:flex'],
+  ['[@media_not_print]:flex', 'not-print:flex'],
 
   // Compound arbitrary variants
   ['has-[[data-visible]]:flex', 'has-data-visible:flex'],

packages/@tailwindcss-upgrade/src/codemods/template/migrate-modernize-arbitrary-values.ts

@@ -185,6 +185,23 @@ export function migrateModernizeArbitraryValues(
             parsed.shift()
           }
 
+          // Single keyword at-rules.
+          //
+          // E.g.: `[@media_print]:` -< `@media print` -> `print:`
+          if (parsed.length === 1 && parsed[0].kind === 'word') {
+            let key = parsed[0].value
+            let replacement: string | null = null
+            if (key === 'print') replacement = 'print'
+
+            if (replacement) {
+              changed = true
+              memcpy(variant, designSystem.parseVariant(`${not ? 'not-' : ''}${replacement}`))
+            }
+          }
+
+          // Key/value at-rules.
+          //
+          // E.g.: `[@media(scripting:none)]:` -> `scripting:`
           if (
             parsed.length === 1 &&
             parsed[0].kind === 'function' && // `(` and `)` are considered a function