Fix storybook styled-jsx example with styled-jsx 5 (#31357)

## Documentation / Examples

- [x] Make sure the linting passes by running `yarn lint`

x-ref: vercel/styled-jsx#761

Since next.js is using styled-jsx v5 beta now, it requires wrapping a `StyleRegistry` component on the root top.
ref: [styled-jsx doc](https://github.com/vercel/styled-jsx/tree/beta#server-side-rendering)

examples/with-storybook-styled-jsx-scss/.storybook/preview.js

@@ -1,3 +1,13 @@
+import { StyleRegistry } from 'styled-jsx'
+
+export const decorators = [
+  (Story) => (
+    <StyleRegistry>
+      <Story />
+    </StyleRegistry>
+  ),
+]
+
 export const parameters = {
   actions: { argTypesRegex: '^on[A-Z].*' },
 }

examples/with-storybook-styled-jsx-scss/package.json

@@ -9,7 +9,7 @@
     "build-storybook": "build-storybook --no-dll"
   },
   "dependencies": {
-    "next": "^10.0.0",
+    "next": "latest",
     "react": "^17.0.2",
     "react-dom": "^17.0.2"
   },