nextjs, styled-jsx with post-css

.babelrc

{
  "presets": [
    [
      "next/babel",
      {
        "styled-jsx": {
          "plugins": ["styled-jsx-plugin-postcss"]
        }
      }
    ]
  ]
}

package.json

{
  "dependencies": {
    "postcss-nested": "^4.1.0",
    "styled-jsx-plugin-postcss": "^0.1.3"
  },
  "postcss": {
    "plugins": {
      "postcss-nested": {}
    }
  }
}

Thanks for your sharing