Add test

packages/next-swc/crates/next-dev-tests/tests/integration/next/postcss/WEB-1016/input/pages/_app.tsx

@@ -0,0 +1,6 @@
+import '../styles/globals.css'
+import type { AppProps } from 'next/app'
+
+export default function App({ Component, pageProps }: AppProps) {
+  return <Component {...pageProps} />
+}

packages/next-swc/crates/next-dev-tests/tests/integration/next/postcss/WEB-1016/input/pages/index.tsx

@@ -0,0 +1,24 @@
+import { useTestHarness } from '@turbo/pack-test-harness'
+
+export default function Home() {
+  useTestHarness(runTests)
+
+  return (
+    <main>
+      <div>
+        <button>One</button>
+        <button className="localButton">Two</button>
+      </div>
+    </main>
+  )
+}
+
+function runTests() {
+  it('it should apply PostCSS styles to local and foreign code', () => {
+    const buttons = Array.from(document.querySelectorAll('button'))
+
+    expect(buttons.length).toBe(2)
+    expect(getComputedStyle(buttons[0]).height).toBe(50)
+    expect(getComputedStyle(buttons[1]).height).toBe(50)
+  })
+}

packages/next-swc/crates/next-dev-tests/tests/integration/next/postcss/WEB-1016/input/postcss.config.js

@@ -0,0 +1,3 @@
+module.exports = {
+  plugins: [['postcss-preset-env']],
+}

packages/next-swc/crates/next-dev-tests/tests/integration/next/postcss/WEB-1016/input/styles/globals.css

@@ -0,0 +1,5 @@
+@import "mod/style.css";
+
+.localButton {
+  height: mod(50px, 51px);
+}

packages/next-swc/crates/next-dev-tests/tests/package.json

@@ -11,6 +11,7 @@
     "next": "*",
     "postcss": "8.4.14",
     "react-test-renderer": "18.2.0",
-    "tailwindcss": "1.1.3"
+    "tailwindcss": "1.1.3",
+    "postcss-preset-env": "8.3.2"
   }
 }