Add newer spec values

packages/tailwindcss/src/__snapshots__/intellisense.test.ts.snap

@@ -12359,6 +12359,8 @@ exports[`getVariants 1`] = `
       "minimal-ui",
       "browser",
       "fullscreen",
+      "picture-in-picture",
+      "window-controls-overlay",
       "noscript",
     ],
   },
@@ -13165,6 +13167,20 @@ exports[`getVariants 1`] = `
     "selectors": [Function],
     "values": [],
   },
+  {
+    "hasDash": true,
+    "isArbitrary": false,
+    "name": "picture-in-picture",
+    "selectors": [Function],
+    "values": [],
+  },
+  {
+    "hasDash": true,
+    "isArbitrary": false,
+    "name": "window-controls-overlay",
+    "selectors": [Function],
+    "values": [],
+  },
   {
     "hasDash": true,
     "isArbitrary": false,

packages/tailwindcss/src/variants.test.ts

@@ -2297,6 +2297,30 @@ test('fullscreen', async () => {
   `)
 })
 
+test('picture-in-picture', async () => {
+  expect(await run(['picture-in-picture:flex'])).toMatchInlineSnapshot(`
+    "
+    @media (display-mode: picture-in-picture) {
+      .picture-in-picture\\:flex {
+        display: flex;
+      }
+    }
+    "
+  `)
+})
+
+test('window-controls-overlay', async () => {
+  expect(await run(['window-controls-overlay:flex'])).toMatchInlineSnapshot(`
+    "
+    @media (display-mode: window-controls-overlay) {
+      .window-controls-overlay\\:flex {
+        display: flex;
+      }
+    }
+    "
+  `)
+})
+
 test('scripting-none', async () => {
   expect(await run(['noscript:flex'])).toMatchInlineSnapshot(`
     "

packages/tailwindcss/src/variants.ts

@@ -1210,6 +1210,8 @@ export function createVariants(theme: Theme): Variants {
   staticVariant('minimal-ui', ['@media (display-mode: minimal-ui)'])
   staticVariant('browser', ['@media (display-mode: browser)'])
   staticVariant('fullscreen', ['@media (display-mode: fullscreen)'])
+  staticVariant('picture-in-picture', ['@media (display-mode: picture-in-picture)'])
+  staticVariant('window-controls-overlay', ['@media (display-mode: window-controls-overlay)'])
 
   staticVariant('noscript', ['@media (scripting: none)'])