Upgrade styled-jsx to v4

[huozhi]

Upgrade styled-jsx to v4 for supporting concurrent mode in react 18

Bug

• Related issues linked using fixes #number
• Integration tests added
• Errors have helpful link attached, see contributing.md

Feature

• Implements an existing feature request or RFC. Make sure the feature request has been accepted for implementation before opening a PR.
• Related issues linked using fixes #number
• Integration tests added
• Documentation added
• Telemetry added. In case of a feature if it's used or not.
• Errors have helpful link attached, see contributing.md

Documentation / Examples

• Make sure the linting passes

[ijjk]

Stats from current PR

Default Build (Decrease detected ✓)

General Overall decrease ✓

	vercel/next.js canary	huozhi/next.js styled-jsx-v4	Change
buildDuration	15s	16.1s	⚠️ +1.2s
buildDurationCached	3.5s	3.5s	-74ms
nodeModulesSize	50.2 MB	49.1 MB	-1.15 MB

Page Load Tests Overall decrease ⚠️

	vercel/next.js canary	huozhi/next.js styled-jsx-v4	Change
/ failed reqs	0	0	✓
/ total time (seconds)	2.936	3.009	⚠️ +0.07
/ avg req/sec	851.36	830.79	⚠️ -20.57
/error-in-render failed reqs	0	0	✓
/error-in-render total time (seconds)	1.831	1.812	-0.02
/error-in-render avg req/sec	1365.37	1379.35	+13.98

Client Bundles (main, webpack, commons)

	vercel/next.js canary	huozhi/next.js styled-jsx-v4	Change
745.HASH.js gzip	179 B	179 B	✓
framework-HASH.js gzip	42.2 kB	42.2 kB	✓
main-HASH.js gzip	23.1 kB	23.1 kB	✓
webpack-HASH.js gzip	1.5 kB	1.5 kB	✓
Overall change	67 kB	67 kB	✓

Legacy Client Bundles (polyfills)

	vercel/next.js canary	huozhi/next.js styled-jsx-v4	Change
polyfills-HASH.js gzip	31.1 kB	31.1 kB	✓
Overall change	31.1 kB	31.1 kB	✓

Client Pages

	vercel/next.js canary	huozhi/next.js styled-jsx-v4	Change
_app-HASH.js gzip	980 B	980 B	✓
_error-HASH.js gzip	194 B	194 B	✓
amp-HASH.js gzip	312 B	312 B	✓
css-HASH.js gzip	329 B	329 B	✓
dynamic-HASH.js gzip	2.52 kB	2.52 kB	✓
head-HASH.js gzip	350 B	350 B	✓
hooks-HASH.js gzip	904 B	904 B	✓
image-HASH.js gzip	4.12 kB	4.12 kB	✓
index-HASH.js gzip	261 B	261 B	✓
link-HASH.js gzip	1.66 kB	1.66 kB	✓
routerDirect..HASH.js gzip	319 B	319 B	✓
script-HASH.js gzip	387 B	387 B	✓
withRouter-HASH.js gzip	320 B	320 B	✓
bb14e60e810b..30f.css gzip	125 B	125 B	✓
Overall change	12.8 kB	12.8 kB	✓

Client Build Manifests

	vercel/next.js canary	huozhi/next.js styled-jsx-v4	Change
_buildManifest.js gzip	490 B	490 B	✓
Overall change	490 B	490 B	✓

Rendered Page Sizes

	vercel/next.js canary	huozhi/next.js styled-jsx-v4	Change
index.html gzip	531 B	531 B	✓
link.html gzip	543 B	543 B	✓
withRouter.html gzip	524 B	524 B	✓
Overall change	1.6 kB	1.6 kB	✓

---

Webpack 4 Mode (Decrease detected ✓)

General Overall decrease ✓

	vercel/next.js canary	huozhi/next.js styled-jsx-v4	Change
buildDuration	13s	12.9s	-77ms
buildDurationCached	5.3s	4.9s	-360ms
nodeModulesSize	50.2 MB	49.1 MB	-1.15 MB

Page Load Tests Overall decrease ⚠️

	vercel/next.js canary	huozhi/next.js styled-jsx-v4	Change
/ failed reqs	0	0	✓
/ total time (seconds)	2.923	2.888	-0.04
/ avg req/sec	855.3	865.55	+10.25
/error-in-render failed reqs	0	0	✓
/error-in-render total time (seconds)	1.859	1.884	⚠️ +0.02
/error-in-render avg req/sec	1345.12	1326.83	⚠️ -18.29

Client Bundles (main, webpack, commons)

	vercel/next.js canary	huozhi/next.js styled-jsx-v4	Change
17.HASH.js gzip	185 B	185 B	✓
677f882d2ed8..HASH.js gzip	14 kB	14 kB	✓
framework.HASH.js gzip	41.9 kB	41.9 kB	✓
main-HASH.js gzip	10.6 kB	10.6 kB	✓
webpack-HASH.js gzip	1.19 kB	1.19 kB	✓
Overall change	67.8 kB	67.8 kB	✓

Legacy Client Bundles (polyfills)

	vercel/next.js canary	huozhi/next.js styled-jsx-v4	Change
polyfills-HASH.js gzip	31.3 kB	31.3 kB	✓
Overall change	31.3 kB	31.3 kB	✓

Client Pages

	vercel/next.js canary	huozhi/next.js styled-jsx-v4	Change
_app-HASH.js gzip	965 B	965 B	✓
_error-HASH.js gzip	3.71 kB	3.71 kB	✓
amp-HASH.js gzip	552 B	552 B	✓
css-HASH.js gzip	333 B	333 B	✓
dynamic-HASH.js gzip	2.71 kB	2.71 kB	✓
head-HASH.js gzip	2.97 kB	2.97 kB	✓
hooks-HASH.js gzip	911 B	911 B	✓
index-HASH.js gzip	231 B	231 B	✓
link-HASH.js gzip	1.64 kB	1.64 kB	✓
routerDirect..HASH.js gzip	298 B	298 B	✓
script-HASH.js gzip	2.94 kB	2.94 kB	✓
withRouter-HASH.js gzip	294 B	294 B	✓
e025d2764813..52f.css gzip	125 B	125 B	✓
Overall change	17.7 kB	17.7 kB	✓

Client Build Manifests

	vercel/next.js canary	huozhi/next.js styled-jsx-v4	Change
_buildManifest.js gzip	498 B	498 B	✓
Overall change	498 B	498 B	✓

Rendered Page Sizes

	vercel/next.js canary	huozhi/next.js styled-jsx-v4	Change
index.html gzip	577 B	577 B	✓
link.html gzip	589 B	589 B	✓
withRouter.html gzip	571 B	571 B	✓
Overall change	1.74 kB	1.74 kB	✓

Commit: 171da94