Add container queries plugin to standalone CLI (tailwindlabs#9865)

* Add container queries plugin to standalone CLI

* Add container queries to standalone CLI tests

* Update changelog

Author: reinink

CHANGELOG.md

@@ -11,6 +11,10 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 - Cleanup unused `variantOrder` ([#9829](https://github.com/tailwindlabs/tailwindcss/pull/9829))
 
+### Added
+
+- Add container queries plugin to standalone CLI ([#9865](https://github.com/tailwindlabs/tailwindcss/pull/9865))
+
 ## [3.2.4] - 2022-11-11
 
 ### Added

standalone-cli/package-lock.json

@@ -10,6 +10,7 @@
   },
   "devDependencies": {
     "@tailwindcss/aspect-ratio": "^0.4.0",
+    "@tailwindcss/container-queries": "^0.1.0",
     "@tailwindcss/forms": "^0.5.2",
     "@tailwindcss/line-clamp": "^0.4.0",
     "@tailwindcss/typography": "^0.5.4",

standalone-cli/package.json

@@ -9,6 +9,7 @@ let localModules = {
   'tailwindcss/plugin': require('tailwindcss/plugin'),
 
   '@tailwindcss/aspect-ratio': require('@tailwindcss/aspect-ratio'),
+  '@tailwindcss/container-queries': require('@tailwindcss/container-queries'),
   '@tailwindcss/forms': require('@tailwindcss/forms'),
   '@tailwindcss/line-clamp': require('@tailwindcss/line-clamp'),
   '@tailwindcss/typography': require('@tailwindcss/typography'),

standalone-cli/standalone.js

@@ -2,3 +2,4 @@
 <input type="text" class="form-input" />
 <div class="line-clamp-2"></div>
 <div class="prose"></div>
+<div class="@container @md:bg-teal-600"></div>

standalone-cli/tests/fixtures/plugins.html

@@ -1,6 +1,7 @@
 module.exports = {
   plugins: [
     require('@tailwindcss/aspect-ratio'),
+    require('@tailwindcss/container-queries'),
     require('@tailwindcss/forms')({ strategy: 'class' }),
     require('@tailwindcss/line-clamp'),
     require('@tailwindcss/typography'),

standalone-cli/tests/fixtures/test.config.js

@@ -30,6 +30,8 @@ it('supports first-party plugins', () => {
   expect(result).toContain('.form-input')
   expect(result).toContain('.line-clamp-2')
   expect(result).toContain('.prose')
+  expect(result).toContain('@container')
+  expect(result).toContain('@md\\:bg-teal-600')
 })
 
 it('supports postcss config files', async () => {