Error with postcss-cli 8

[aspraveen]

Hi,

Was trying a vanilla install for Tailwind and faced the below error

❯ npm run build

> [email protected] build /Users/praveen/Code/tailwindtest
> postcss css/tailwind.css -o build/tailwind.css


risk - There are upcoming breaking changes: removeDeprecatedGapUtilities, purgeLayersByDefault
risk - We highly recommend opting-in to these changes now to simplify upgrading Tailwind in the future.
risk - https://tailwindcss.com/docs/upcoming-changes
TypeError: Cannot read property 'type' of undefined
    at /Users/praveen/Code/tailwindtest/css/tailwind.css:3:1
    at AtRule.normalize (/Users/praveen/Code/tailwindtest/node_modules/tailwindcss/node_modules/postcss/lib/container.js:673:22)
    at AtRule.prepend (/Users/praveen/Code/tailwindtest/node_modules/tailwindcss/node_modules/postcss/lib/container.js:413:24)
    at AtRule.prepend (/Users/praveen/Code/tailwindtest/node_modules/tailwindcss/node_modules/postcss/lib/at-rule.js:64:73)
    at /Users/praveen/Code/tailwindtest/node_modules/tailwindcss/lib/lib/substituteResponsiveAtRules.js:44:27
    at /Users/praveen/Code/tailwindtest/node_modules/postcss/lib/container.js:159:16
    at /Users/praveen/Code/tailwindtest/node_modules/postcss/lib/container.js:82:18
    at AtRule.each (/Users/xx/Code/tailwindtest/node_modules/postcss/lib/container.js:68:16)
    at AtRule.walk (/Users/xx/Code/tailwindtest/node_modules/postcss/lib/container.js:79:17)
    at AtRule.walkAtRules (/Users/xx/Code/tailwindtest/node_modules/postcss/lib/container.js:157:17)
    at /Users/praveen/Code/tailwindtest/node_modules/tailwindcss/lib/lib/substituteResponsiveAtRules.js:38:19 {
  postcssNode: AtRule {
    raws: { before: '\n\n' },
    type: 'atrule',
    name: 'layer',
    params: 'components',
    nodes: [ [AtRule] ],
    source: { start: [Object], input: [Input], end: [Object] },
    lastEach: 6,
    indexes: { '6': 0 },
    parent: Root {
      raws: [Object],
      type: 'root',
      nodes: [Array],
      source: [Object],
      lastEach: 7,
      indexes: [Object],
      [Symbol(isComplete)]: false,
      [Symbol(isClean)]: false
    },
    [Symbol(isComplete)]: false,
    [Symbol(isClean)]: false
  }
}
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] build: `postcss css/tailwind.css -o build/tailwind.css`
npm ERR! Exit status 1
npm ERR! 
npm ERR! Failed at the [email protected] build script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     /Users/xx/.npm/_logs/2020-09-23T12_44_17_756Z-debug.log

Issue was solved when degraded the 'postcss-cli' to version 7.1.2

There are issues with postcss-cli v 8