### Is your proposal related to a problem? <!-- Provide a clear and concise description of what the problem is. For example, "I'm always frustrated when..." --> Cra can't support postcss-nested syntax because webpack.config.js file haven't **postcss-nested** module. Sample nested css in my header.module.css file ```css .Header { background: white; h1 { color: red; } } ``` Expected behavior when compiled ```css .Header { background: white; } .Header h1 { color: red; } ``` ### Describe the solution you'd like <!-- Provide a clear and concise description of what you want to happen. --> The problem solved when ejected cra and adding the 'postcss-nested' module to webpack.module.js. **Can you support postcss-nested by default?** ```js // config/webpack.config.js // row 89 ident: 'postcss', plugins: () => [ require('postcss-flexbugs-fixes'), require('postcss-nested'), // <---- added this line require('postcss-preset-env')({ autoprefixer: { flexbox: 'no-2009' }, stage: 3 }), ``` ### Describe alternatives you've considered <!-- Let us know about other solutions you've tried or researched. --> [postcss-nesting](https://www.npmjs.com/package/postcss-nesting) may be an alternative. ### Additional context <!-- Is there anything else you can add about the proposal? You might want to link to related issues here, if you haven't already. --> (Write your answer here.)