Tweak CRA config init docs

Author: adamwathan

remark/withPrevalInstructions.js

@@ -132,7 +132,12 @@ function createPrevals({ tool: pageTool = error('UNKNOWN') } = {}) {
         ${npmInstall ? code('shell', 'npm install') : ''}
       `)
     },
-    configuration({ purge = [], types = ['pages', 'components'], postcss = true }) {
+    configuration({
+      purge = [],
+      version = 'latest',
+      types = ['pages', 'components'],
+      postcss = true,
+    }) {
       let files = ['tailwind.config.js', postcss && 'postcss.config.js']
         .filter(Boolean)
         .map(quote('`'))
@@ -143,7 +148,12 @@ function createPrevals({ tool: pageTool = error('UNKNOWN') } = {}) {
 
         Next, generate your ${joinAsSpeech(files)} ${multipleFiles ? 'files' : 'file'}:
 
-        ${code('shell', `npx tailwindcss init ${postcss ? '-p' : ''}`)}
+        ${code(
+          'shell',
+          `npx tailwindcss${version === 'compat-7' ? '-cli@latest' : ''} init ${
+            postcss ? '-p' : ''
+          }`
+        )}
 
         This will create a minimal \`tailwind.config.js\` file at the root of your project:
 

src/pages/docs/guides/create-react-app.mdx

@@ -6,8 +6,8 @@ tool: Create React App
 
 ```preval installation
 reference:
-  name: Create React App 
-  link: https://create-react-app.dev/ 
+  name: Create React App
+  link: https://create-react-app.dev/
 script: npx create-react-app
 ```
 
@@ -61,10 +61,11 @@ module.exports = {
 If you're planning to use any other PostCSS plugins, you should read our documentation on [using PostCSS as your preprocessor](/docs/using-with-preprocessors) for more details about the best way to order them alongside Tailwind.
 
 ```preval configuration
+version: compat-7
 postcss: false
 types:
   - components
-purge: 
+purge:
   - ./src/**/*.{js,jsx,ts,tsx}
   - ./public/index.html
 ```