title: Gatsby.js failing with this error -> Generating development SSR bundle failed. Unknown word position: relative;
body: <p>When I develop or build I am running into this issue.</p>
  <pre><code>[styled-jsx] Loading plugin from path: styled-jsx-plugin-postcss
  
   ERROR #98123  WEBPACK
  
  Generating development SSR bundle failed
  
  /Users/johncoker/newprojects/learndiesels/learndeisels/src/components/Menu/Menu.js:
  [styled-jsx-plugin-postcss] postcss failed with CssSyntaxError: &lt;css input&gt;:24:13: Unknown word
  
    22 |             margin: 0;
    23 |             padding: 0; /* 0 /*%%styled-jsx-placeholder-4%%*/; */
  &gt; 24 |             position: relative;
       |             ^
    25 |             width: 100%;
    26 |           }
  </code></pre>
  <p>I just updated to v3 in gatsby so I am going to be having several issues this is just number 1. I think this could be an issue with the styled-jsx-plugin-postcss but I am not sure how to proceed. I can't seem to find the document help. Thank you for any help!</p>
  <pre><code>package.json
  
  &quot;dependencies&quot;: {
      &quot;antd&quot;: &quot;^4.16.8&quot;,
      &quot;fontfaceobserver&quot;: &quot;^2.0.13&quot;,
      &quot;gatsby&quot;: &quot;^3.9.1&quot;,
      &quot;gatsby-cli&quot;: &quot;^3.9.0&quot;,
      &quot;gatsby-image&quot;: &quot;^3.9.0&quot;,
      &quot;gatsby-plugin-algolia&quot;: &quot;^0.22.0&quot;,
      &quot;gatsby-plugin-catch-links&quot;: &quot;^3.9.0&quot;,
      &quot;gatsby-plugin-feed&quot;: &quot;^3.9.0&quot;,
      &quot;gatsby-plugin-google-analytics&quot;: &quot;^3.9.0&quot;,
      &quot;gatsby-plugin-gtag&quot;: &quot;^1.0.13&quot;,
      &quot;gatsby-plugin-layout&quot;: &quot;^2.9.0&quot;,
      &quot;gatsby-plugin-manifest&quot;: &quot;^3.9.0&quot;,
      &quot;gatsby-plugin-netlify&quot;: &quot;^3.9.0&quot;,
      &quot;gatsby-plugin-offline&quot;: &quot;^4.9.0&quot;,
      &quot;gatsby-plugin-preact&quot;: &quot;^5.9.0&quot;,
      &quot;gatsby-plugin-react-helmet&quot;: &quot;^4.9.0&quot;,
      &quot;gatsby-plugin-react-svg&quot;: &quot;^3.0.1&quot;,
      &quot;gatsby-plugin-sharp&quot;: &quot;^3.9.0&quot;,
      &quot;gatsby-plugin-sitemap&quot;: &quot;^4.5.0&quot;,
      &quot;gatsby-plugin-styled-jsx&quot;: &quot;^4.9.0&quot;,
      &quot;gatsby-plugin-styled-jsx-postcss&quot;: &quot;^2.0.2&quot;,
      &quot;gatsby-remark-copy-linked-files&quot;: &quot;^4.6.0&quot;,
      &quot;gatsby-remark-embed-video&quot;: &quot;^3.1.1&quot;,
      &quot;gatsby-remark-emojis&quot;: &quot;^0.4.3&quot;,
      &quot;gatsby-remark-external-links&quot;: &quot;^0.0.4&quot;,
      &quot;gatsby-remark-images&quot;: &quot;^5.6.0&quot;,
      &quot;gatsby-remark-prismjs&quot;: &quot;^5.6.0&quot;,
      &quot;gatsby-remark-responsive-iframe&quot;: &quot;^4.6.0&quot;,
      &quot;gatsby-remark-smartypants&quot;: &quot;^4.6.0&quot;,
      &quot;gatsby-source-filesystem&quot;: &quot;^3.9.0&quot;,
      &quot;gatsby-transformer-remark&quot;: &quot;^4.6.0&quot;,
      &quot;gatsby-transformer-sharp&quot;: &quot;^3.9.0&quot;,
      &quot;gatsby-transformer-sqip&quot;: &quot;^3.9.0&quot;,
      &quot;js-yaml&quot;: &quot;^4.1.0&quot;,
      &quot;normalize.css&quot;: &quot;^8.0.0&quot;,
      &quot;preact&quot;: &quot;^10.5.3&quot;,
      &quot;preact-render-to-string&quot;: &quot;^5.1.10&quot;,
      &quot;prismjs&quot;: &quot;^1.15.0&quot;,
      &quot;react&quot;: &quot;^17.0.0&quot;,
      &quot;react-addons-perf&quot;: &quot;^15.4.2&quot;,
      &quot;react-dom&quot;: &quot;^17.0.0&quot;,
      &quot;react-facebook&quot;: &quot;^8.1.4&quot;,
      &quot;react-helmet&quot;: &quot;^6.1.0&quot;,
      &quot;react-icons&quot;: &quot;^4.2.0&quot;,
      &quot;react-instantsearch&quot;: &quot;^6.12.0&quot;,
      &quot;react-md-spinner&quot;: &quot;^1.0.0&quot;,
      &quot;react-obfuscate&quot;: &quot;^3.6.8&quot;,
      &quot;react-scripts&quot;: &quot;^4.0.0&quot;,
      &quot;react-share&quot;: &quot;^4.4.0&quot;,
      &quot;react-visibility-sensor&quot;: &quot;^5.1.1&quot;,
      &quot;styled-jsx&quot;: &quot;^3.4.4&quot;,
      &quot;styled-jsx-plugin-postcss&quot;: &quot;^4.0.1&quot;,
      &quot;styled-jsx-plugin-stylelint&quot;: &quot;^0.1.0&quot;,
      &quot;tinycolor2&quot;: &quot;^1.4.1&quot;,
      &quot;typeface-open-sans&quot;: &quot;^1.1.13&quot;,
      &quot;yaml-loader&quot;: &quot;^0.6.0&quot;
    }
  &quot;devDependencies&quot;: {
      &quot;@mapbox/stylelint-processor-arbitrary-tags&quot;: &quot;^0.4.0&quot;,
      &quot;babel-eslint&quot;: &quot;^10.1.0&quot;,
      &quot;babel-plugin-dynamic-import-webpack&quot;: &quot;^1.0.2&quot;,
      &quot;babel-plugin-import&quot;: &quot;^1.8.0&quot;,
      &quot;babel-plugin-syntax-dynamic-import&quot;: &quot;^6.18.0&quot;,
      &quot;babel-webpack-plugin&quot;: &quot;^0.1.1&quot;,
      &quot;dotenv&quot;: &quot;^10.0.0&quot;,
      &quot;eslint&quot;: &quot;^7.13.0&quot;,
      &quot;eslint-config-airbnb&quot;: &quot;^18.2.1&quot;,
      &quot;eslint-config-google&quot;: &quot;^0.14.0&quot;,
      &quot;eslint-config-prettier&quot;: &quot;^8.3.0&quot;,
      &quot;eslint-config-wesbos&quot;: &quot;^1.0.1&quot;,
      &quot;eslint-plugin-graphql&quot;: &quot;^4.0.0&quot;,
      &quot;eslint-plugin-html&quot;: &quot;^6.1.0&quot;,
      &quot;eslint-plugin-import&quot;: &quot;^2.22.1&quot;,
      &quot;eslint-plugin-jsx-a11y&quot;: &quot;^6.4.1&quot;,
      &quot;eslint-plugin-prettier&quot;: &quot;^3.1.4&quot;,
      &quot;eslint-plugin-react&quot;: &quot;^7.21.5&quot;,
      &quot;eslint-plugin-react-hooks&quot;: &quot;^4.2.0&quot;,
      &quot;json-loader&quot;: &quot;^0.5.7&quot;,
      &quot;postcss&quot;: &quot;^8.3.5&quot;,
      &quot;postcss-cli&quot;: &quot;^8.3.1&quot;,
      &quot;postcss-cssnext&quot;: &quot;^3.1.0&quot;,
      &quot;postcss-custom-properties&quot;: &quot;^11.0.0&quot;,
      &quot;postcss-custom-selectors&quot;: &quot;^6.0.0&quot;,
      &quot;postcss-easy-media-query&quot;: &quot;^1.0.0&quot;,
      &quot;postcss-load-plugins&quot;: &quot;^2.3.0&quot;,
      &quot;postcss-loader&quot;: &quot;^6.1.1&quot;,
      &quot;postcss-media-variables&quot;: &quot;^2.0.1&quot;,
      &quot;postcss-nested&quot;: &quot;^5.0.5&quot;,
      &quot;postcss-sorting&quot;: &quot;^6.0.0&quot;,
      &quot;postcss-text-remove-gap&quot;: &quot;^1.1.1&quot;,
      &quot;postcss-utilities&quot;: &quot;^0.8.0&quot;,
      &quot;precss&quot;: &quot;^4.0.0&quot;,
      &quot;prettier&quot;: &quot;^2.1.2&quot;,
      &quot;serve&quot;: &quot;^12.0.0&quot;,
      &quot;stylelint&quot;: &quot;^13.13.1&quot;,
      &quot;stylelint-config-css-modules&quot;: &quot;^2.2.0&quot;,
      &quot;stylelint-config-standard&quot;: &quot;^22.0.0&quot;,
      &quot;url-loader&quot;: &quot;^4.1.1&quot;,
      &quot;webpack-bundle-analyzer&quot;: &quot;^4.4.2&quot;
    }
  }
  </code></pre>