TypeError: Cannot read properties of undefined (reading '700')

Problem

What version of Tailwind CSS are you using? "tailwindcss": "^3.0.1", What build tool (or framework if it abstracts the build tool) are you using? "postcss": "^8.3.11", Angular 13 , What version of Node.js are you using? node : v16.13.0 What browser are you using? Chrome, What operating system are you using? Ubuntu 20.04 Describe your issue after I update Tailwindcss on my angular 13 project I get the below error when I try to run the project I try to look into these files I found that the gray color has problems or is even not found also I have a custom tailwind.config `TypeError: Cannot read properties of undefined (reading '700') at module.exports ( node_modules/@tailwindcss/typography/src/styles.js:16:65) at value ( node_modules/tailwindcss/lib/util/resolveConfig.js:68:41) at node_modules/tailwindcss/lib/util/resolveConfig.js:132:24 at Array.map (<anonymous>) at Object.typography ( node_modules/tailwindcss/lib/util/resolveConfig.js:132:15) at node_modules/tailwindcss/lib/util/resolveConfig.js:155:57 at Array.reduce (<anonymous>) at resolveFunctionKeys (node_modules/tailwindcss/lib/util/resolveConfig.js:152:32) at Object.resolveConfig [as default] (node_modules/tailwindcss/lib/util/resolveConfig.js:224:16) at Object.resolveConfig [as default] (node_modules/tailwindcss/lib/public/resolve-config.js:15:39) ` here is the code where styles.js throw error: `module.exports = (theme) => ({ DEFAULT: { css: [