Clip unbalanced closing brackets in arbitrary values (#9973)

* Properly clip when there are too many `]` characters * Update changelog
tailwindlabs · Dec 1, 2022 · e8b0365 · e8b0365
1 parent 8f49251
commit e8b0365
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 1 deletion.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -20,6 +20,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 - Add container queries plugin to standalone CLI ([#9865](https://github.com/tailwindlabs/tailwindcss/pull/9865))
 - Support renaming of output files by `PostCSS` plugin. ([#9944](https://github.com/tailwindlabs/tailwindcss/pull/9944))
 - Improve return value of `resolveConfig`, unwrap `ResolvableTo` ([#9972](https://github.com/tailwindlabs/tailwindcss/pull/9972))
+- Clip unbalanced brackets in arbitrary values ([#9973](https://github.com/tailwindlabs/tailwindcss/pull/9973))
 
 ### Changed
 

diff --git a/src/lib/defaultExtractor.js b/src/lib/defaultExtractor.js
@@ -184,7 +184,7 @@ function clipAtBalancedParens(input) {
     // This means that there was an extra closing `]`
     // We'll clip to just before it
     if (depth < 0) {
-      return input.substring(0, match.index)
+      return input.substring(0, match.index - 1)
     }
 
     // We've finished balancing the brackets but there still may be characters that can be included

diff --git a/tests/default-extractor.test.js b/tests/default-extractor.test.js
@@ -482,3 +482,9 @@ test('a lot of data', () => {
 
   expect(extractions).toContain(`underline`)
 })
+
+test('ruby percent string array', () => {
+  let extractions = defaultExtractor('%w[text-[#bada55]]')
+
+  expect(extractions).toContain(`text-[#bada55]`)
+})