Update dependency tailwindcss to v3

[renovate]

This PR contains the following updates:

Package	Change	Age	Adoption	Passing	Confidence
tailwindcss (source)	^2.2.4 -> ^3.3.5

---

Release Notes

tailwindlabs/tailwindcss (tailwindcss)

v3.3.5

Compare Source

Fixed

• Fix incorrect spaces around - in calc() expression (#​12283)

v3.3.4

Compare Source

Fixed

• Improve normalisation of calc()-like functions (#​11686)
• Skip calc() normalisation in nested theme() calls (#​11705)
• Fix incorrectly generated CSS when using square brackets inside arbitrary properties (#​11709)
• Make content optional for presets in TypeScript types (#​11730)
• Handle variable colors that have variable fallback values (#​12049)
• Batch reading content files to prevent too many open files error (#​12079)
• Skip over classes inside :not(…) when nested in an at-rule (#​12105)
• Update types to work with Node16 module resolution (#​12097)
• Don’t crash when important and parent selectors are equal in @apply (#​12112)
• Eliminate irrelevant rules when applying variants (#​12113)
• Improve RegEx parser, reduce possibilities as the key for arbitrary properties (#​12121)
• Fix sorting of utilities that share multiple candidates (#​12173)
• Ensure variants with arbitrary values and a modifier are correctly matched in the RegEx based parser (#​12179)
• Fix crash when watching renamed files on FreeBSD (#​12193)
• Allow plugins from a parent document to be used in an iframe (#​12208)
• Add types for tailwindcss/nesting (#​12269)
• Bump jiti, fast-glob, and browserlist dependencies (#​11550)
• Improve automatic var injection for properties that accept a <dashed-ident> (#​12236)

v3.3.3

Compare Source

Fixed

• Fix issue where some pseudo-element variants generated the wrong selector (#​10943, #​10962, #​11111)
• Make font settings propagate into buttons, inputs, etc. (#​10940)
• Fix parsing of theme() inside calc() when there are no spaces around operators (#​11157)
• Ensure repeating-conic-gradient is detected as an image (#​11180)
• Move unknown pseudo-elements outside of :is by default (#​11345)
• Escape animation names when prefixes contain special characters (#​11470)
• Don't prefix arbitrary classes in group and peer variants (#​11454)
• Sort classes using position of first matching rule (#​11504)
• Allow variant to be an at-rule without a prelude (#​11589)
• Make PostCSS plugin async to improve performance (#​11548)
• Don’t error when a config file is missing (f97759f)

Added

• Add aria-busy utility (#​10966)

Changed

• Reset padding for <dialog> elements in preflight (#​11069)

v3.3.2

Compare Source

Fixed

• Don’t move unknown pseudo-elements to the end of selectors (#​10943, #​10962)
• Inherit gradient stop positions when using variants (#​11002)
• Honor default to position of gradient when using implicit transparent colors (#​11002)
• Ensure @tailwindcss/oxide doesn't leak in the stable engine (#​10988)
• Ensure multiple theme(spacing[5]) calls with bracket notation in arbitrary properties work (#​11039)
• Normalize arbitrary modifiers (#​11057)

Changed

• Drop support for Node.js v12 (#​11089)

v3.3.1

Compare Source

Fixed

• Fix edge case bug when loading a TypeScript config file with webpack (#​10898)
• Fix variant, @apply, and important selectors when using :is() or :has() with pseudo-elements (#​10903)
• Fix safelist config types (#​10901)
• Fix build errors caused by @tailwindcss/line-clamp warning (#​10915, #​10919)
• Fix "process is not defined" error (#​10919)

v3.3.0

Compare Source

Added

• Support ESM and TypeScript config files (#​10785)
• Extend default color palette with new 950 shades (#​10879)
• Add line-height modifier support to font-size utilities (#​9875)
• Add support for using variables as arbitrary values without var(...) (#​9880, #​9962)
• Add logical properties support for inline direction (#​10166)
• Add hyphens utilities (#​10071)
• Add from-{position}, via-{position} and to-{position} utilities (#​10886)
• Add list-style-image utilities (#​10817)
• Add caption-side utilities (#​10470)
• Add line-clamp utilities from @tailwindcss/line-clamp to core (#​10768, #​10876, #​10862)
• Add delay-0 and duration-0 utilities (#​10294)
• Add justify-normal and justify-stretch utilities (#​10560)
• Add content-normal and content-stretch utilities (#​10645)
• Add whitespace-break-spaces utility (#​10729)
• Add support for configuring default font-variation-settings for a font-family (#​10034, #​10515)

Fixed

• Disallow using multiple selectors in arbitrary variants (#​10655)
• Sort class lists deterministically for Prettier plugin (#​10672)
• Ensure CLI builds have a non-zero exit code on failure (#​10703)
• Ensure module dependencies for value null, is an empty Set (#​10877)
• Fix format assumption when resolving module dependencies (#​10878)

Changed

• Mark rtl and ltr variants as stable and remove warnings (#​10764)
• Use inset instead of top, right, bottom, and left properties (#​10765)
• Make dark and rtl/ltr variants insensitive to DOM order (#​10766)
• Use :is to make important selector option insensitive to DOM order (#​10835)

v3.2.7

Compare Source

Fixed

• Fix use of :where(.btn) when matching !btn (#​10601)
• Revert including outline-color in transition and transition-colors by default (#​10604)

v3.2.6

Compare Source

Fixed

• Fix installation failing with yarn and pnpm by dropping oxide-api-shim (add1636)

v3.2.5

Compare Source

Added

• Add standalone CLI build for 64-bit Windows on ARM (node16-win-arm64) (#​10001)

Fixed

• Cleanup unused variantOrder (#​9829)
• Fix foo-[abc]/[def] not being handled correctly (#​9866)
• Add container queries plugin to standalone CLI (#​9865)
• Support renaming of output files by PostCSS plugins in CLI (#​9944)
• Improve return value of resolveConfig, unwrap ResolvableTo (#​9972)
• Clip unbalanced brackets in arbitrary values (#​9973)
• Don’t reorder webkit scrollbar pseudo elements (#​9991)
• Deterministic sorting of arbitrary variants (#​10016)
• Add data key to theme types (#​10023)
• Prevent invalid arbitrary variant selectors from failing the build (#​10059)
• Properly handle subtraction followed by a variable (#​10074)
• Fix missing string[] in the theme.dropShadow types (#​10072)
• Update list of length units (#​10100)
• Fix not matching arbitrary properties when closely followed by square brackets (#​10212)
• Allow direct nesting in root or @layer nodes (#​10229)
• Don't prefix classes in arbitrary variants (#​10214)
• Fix perf regression when checking for changed content (#​10234)
• Fix missing blocklist member in the Config type (#​10239)
• Escape group names in selectors (#​10276)
• Consider earlier variants before sorting functions (#​10288)
• Allow variants with slashes (#​10336)
• Ensure generated CSS is always sorted in the same order for a given set of templates (#​10382)
• Handle variants when the same class appears multiple times in a selector (#​10397)
• Handle group/peer variants with quoted strings (#​10400)
• Parse alpha value from rgba/hsla colors when using variables (#​10429)
• Sort by layer inside variants layer (#​10505)
• Add --watch=always option to prevent exit when stdin closes (#​9966)

Changed

• Alphabetize theme keys in default config (#​9953)
• Update esbuild to v17 (#​10368)
• Include outline-color in transition and transition-colors utilities (#​10385)

v3.2.4

Compare Source

Added

• Add blocklist option to prevent generating unwanted CSS (#​9812)

Fixed

• Fix watching of files on Linux when renames are involved (#​9796)
• Make sure errors are always displayed when watching for changes (#​9810)

v3.2.3

Compare Source

Fixed

• Fixed use of raw content in the CLI (#​9773)
• Pick up changes from files that are both context and content deps (#​9787)
• Sort pseudo-elements ONLY after classes when using variants and @apply (#​9765)
• Support important utilities in the safelist (pattern must include a !) (#​9791)

v3.2.2

Compare Source

Fixed

• Escape special characters in resolved content base paths (#​9650)
• Don't reuse container for array returning variant functions (#​9644)
• Exclude non-relevant selectors when generating rules with the important modifier (#​9677)
• Fix merging of arrays during config resolution (#​9706)
• Ensure configured font-feature-settings are included in Preflight (#​9707)
• Fix fractional values not being parsed properly inside arbitrary properties (#​9705)
• Fix incorrect selectors when using @apply in selectors with combinators and pseudos (#​9722)
• Fix cannot read properties of undefined (reading 'modifier') (#​9656, aa979d6)

v3.2.1

Compare Source

Fixed

• Fix missing supports in types (#​9616)
• Fix missing PostCSS dependencies in the CLI (#​9617)
• Ensure micromatch is a proper CLI dependency (#​9620)
• Ensure modifier values exist when using a modifiers object for matchVariant (ba6551d)

v3.2.0

Compare Source

Added

• Add new @config directive (#​9405)
• Add new relative: true option to resolve content paths relative to the config file (#​9396)
• Add new supports-* variant (#​9453)
• Add new min-* and max-* variants (#​9558)
• Add new aria-* variants (#​9557, #​9588)
• Add new data-* variants (#​9559, #​9588)
• Add new break-keep utility for word-break: keep-all (#​9393)
• Add new collapse utility for visibility: collapse (#​9181)
• Add new fill-none utility for fill: none (#​9403)
• Add new stroke-none utility for stroke: none (#​9403)
• Add new place-content-baseline utility for place-content: baseline (#​9498)
• Add new place-items-baseline utility for place-items: baseline (#​9507)
• Add new content-baseline utility for align-content: baseline (#​9507)
• Add support for configuring default font-feature-settings for a font family (#​9039)
• Add standalone CLI build for 32-bit Linux on ARM (node16-linux-armv7) (#​9084)
• Add future flag to disable color opacity utility plugins (#​9088)
• Add negative value support for outline-offset (#​9136)
• Add support for modifiers to matchUtilities (#​9541)
• Allow negating utilities using min/max/clamp (#​9237)
• Implement fallback plugins when there is ambiguity between plugins when using arbitrary values (#​9376)
• Support sort function in matchVariant (#​9423)
• Upgrade to postcss-nested v6.0 (#​9546)

Fixed

• Use absolute paths when resolving changed files for resilience against working directory changes (#​9032)
• Fix ring color utility generation when using respectDefaultRingColorOpacity (#​9070)
• Sort tags before classes when @apply-ing a selector with joined classes (#​9107)
• Remove invalid outline-hidden utility (#​9147)
• Honor the hidden attribute on elements in preflight (#​9174)
• Don't stop watching atomically renamed files (#​9173, #​9215)
• Fix duplicate utilities issue causing memory leaks (#​9208)
• Fix fontFamily config TypeScript types (#​9214)
• Handle variants on complex selector utilities (#​9262)
• Fix shared config mutation issue (#​9294)
• Fix ordering of parallel variants (#​9282)
• Handle variants in utility selectors using :where() and :has() (#​9309)
• Improve data type analysis for arbitrary values (#​9320)
• Don't emit generated utilities with invalid uses of theme functions (#​9319)
• Revert change that only listened for stdin close on TTYs (#​9331)
• Ignore unset values (like null or undefined) when resolving the classList for intellisense (#​9385)
• Improve type checking for formal syntax (#​9349, #​9448)
• Fix incorrect required content key in custom plugin configs (#​9502, #​9545)
• Fix content path detection on Windows (#​9569)
• Ensure --content is used in the CLI when passed (#​9587)

v3.1.8

Compare Source

Fixed

• Don’t prefix classes within reused arbitrary variants (#​8992)
• Fix usage of alpha values inside single-named colors that are functions (#​9008)
• Fix @apply of user utilities when negative and non-negative versions both exist (#​9027)

v3.1.7

Compare Source

Fixed

• Don't rewrite source maps for @layer rules (#​8971)

Added

• Added types for resolveConfig (#​8924)

v3.1.6

Compare Source

Fixed

• Fix usage on Node 12.x (b4e637e)
• Handle theme keys with slashes when using theme() in CSS (#​8831)

v3.1.5

Compare Source

Added

• Support configuring a default font-weight for each font size utility (#​8763)
• Add support for alpha values in safe list (#​8774)

Fixed

• Improve types to support fallback values in the CSS-in-JS syntax used in plugin APIs (#​8762)
• Support including tailwindcss and autoprefixer in postcss.config.js in standalone CLI (#​8769)
• Fix using special-characters as prefixes (#​8772)
• Don’t prefix classes used within arbitrary variants (#​8773)
• Add more explicit types for the default theme (#​8780)

v3.1.4

Compare Source

Fixed

• Provide default to <alpha-value> when using theme() (#​8652)
• Detect arbitrary variants with quotes (#​8687)
• Don’t add spaces around raw / that are preceded by numbers (#​8688)

v3.1.3

Compare Source

Fixed

• Fix extraction of multi-word utilities with arbitrary values and quotes (#​8604)
• Fix casing of import of corePluginList type definition (#​8587)
• Ignore PostCSS nodes returned by addVariant (#​8608)
• Fix missing spaces around arithmetic operators (#​8615)
• Detect alpha value in CSS theme() function when using quotes (#​8625)
• Fix "Maximum call stack size exceeded" bug (#​8636)
• Allow functions returning parallel variants to mutate the container (#​8622)
• Remove text opacity CSS variables from ::marker (#​8622)

v3.1.2

Compare Source

Fixed

• Ensure \ is a valid arbitrary variant token (#​8576)
• Enable postcss-import in the CLI by default in watch mode (#​8574, #​8580)

v3.1.1

Compare Source

Fixed

• Fix candidate extractor regression (#​8558)
• Split ::backdrop into separate defaults group (#​8567)
• Fix postcss plugin type (#​8564)
• Fix class detection in markdown code fences and slim templates (#​8569)

v3.1.0

Compare Source

Fixed

• Types: allow for arbitrary theme values (for 3rd party plugins) (#​7926)
• Don’t split vars with numbers in them inside arbitrary values (#​8091)
• Require matching prefix when detecting negatives (#​8121)
• Handle duplicate At Rules without children (#​8122)
• Allow arbitrary values with commas in @apply (#​8125)
• Fix intellisense for plugins with multiple @apply rules (#​8213)
• Improve type detection for arbitrary color values (#​8201)
• Support PostCSS config options in config file in CLI (#​8226)
• Remove default [hidden] style in preflight (#​8248)
• Only check selectors containing base apply candidates for circular dependencies (#​8222)
• Rewrite default class extractor (#​8204)
• Move important selector to the front when @apply-ing selector-modifying variants in custom utilities (#​8313)
• Error when registering an invalid custom variant (#​8345)
• Create tailwind.config.cjs file in ESM package when running init (#​8363)
• Fix matchVariant that use at-rules and placeholders (#​8392)
• Improve types of the tailwindcss/plugin (#​8400)
• Allow returning parallel variants from addVariant or matchVariant callback functions (#​8455)
• Try using local postcss installation first in the CLI (#​8270)
• Allow default ring color to be a function (#​7587)
• Don't inherit to value from parent gradients (#​8489)
• Remove process dependency from log functions (#​8530)
• Ensure we can use @import 'tailwindcss/...' without node_modules (#​8537)

Changed

• Only apply hover styles when supported (future) (#​8394)
• Respect default ring color opacity (future) (#​8448, 3f4005e)

Added

• Support PostCSS Document nodes (#​7291)
• Add text-start and text-end utilities (#​6656)
• Support customizing class name when using darkMode: 'class' (#​5800)
• Add --poll option to the CLI (#​7725)
• Add new border-spacing utilities (#​7102)
• Add enabled variant (#​7905)
• Add TypeScript types for the tailwind.config.js file (#​7891)
• Add backdrop variant (#​7924, #​8526)
• Add grid-flow-dense utility (#​8193)
• Add mix-blend-plus-lighter utility (#​8288)
• Add arbitrary variants (#​8299)
• Add experimental matchVariant API (#​8310, 34fd0fb8)
• Add prefers-contrast media query variants (#​8410)
• Add opacity support when referencing colors with theme function (#​8416)
• Add postcss-import support to the CLI (#​8437)
• Add optional variant (#​8486)
• Add <alpha-value> placeholder support for custom colors (#​8501)

v3.0.24

Compare Source

Fixed

• Prevent nesting plugin from breaking other plugins (#​7563)
• Recursively collapse adjacent rules (#​7565)
• Preserve source maps for generated CSS (#​7588)
• Split box shadows on top-level commas only (#​7479)
• Use local user CSS cache for @apply (#​7524)
• Invalidate context when main CSS changes (#​7626)
• Only add ! to selector class matching template candidate when using important modifier with multi-class selectors (#​7664)
• Correctly parse and prefix animation names with dots (#​7163)
• Fix extraction from template literal/function with array (#​7481)
• Don't output unparsable arbitrary values (#​7789)
• Fix generation of div:not(.foo) if .foo is never defined (#​7815)
• Allow for custom properties in rgb, rgba, hsl and hsla colors (#​7933)
• Remove autoprefixer as explicit peer-dependency to avoid invalid warnings in situations where it isn't actually needed (#​7949)
• Ensure the percentage data type is validated correctly (#​8015)
• Make sure font-weight is inherited by form controls in all browsers (#​8078)

Changed

• Replace chalk with picocolors (#​6039)
• Replace cosmiconfig with lilconfig (#​6039)
• Update cssnano to avoid removing empty variables when minifying (#​7818)

v3.0.23

Compare Source

Fixed

• Remove opacity variables from :visited pseudo class (#​7458)
• Support arbitrary values + calc + theme with quotes (#​7462)
• Don't duplicate layer output when scanning content with variants + wildcards (#​7478)
• Implement getClassOrder instead of sortClassList (#​7459)

v3.0.22

Compare Source

Fixed

• Temporarily move postcss to dependencies (#​7424)

v3.0.21

Compare Source

Fixed

• Move prettier plugin to dev dependencies (#​7418)

v3.0.20

Compare Source

Added

• Expose context.sortClassList(classes) (#​7412)

v3.0.19

Compare Source

Fixed

• Fix preflight border color fallback (#​7288)
• Correctly parse shadow lengths without a leading zero (#​7289)
• Don't crash when scanning extremely long class candidates (#​7331)
• Use less hacky fix for URLs detected as custom properties (#​7275)
• Correctly generate negative utilities when dash is before the prefix (#​7295)
• Detect prefixed negative utilities in the safelist (#​7295)

v3.0.18

Compare Source

Fixed

• Fix @apply order regression (in addComponents, addUtilities, ...) (#​7232)
• Quick fix for incorrect arbitrary properties when using URLs (#​7252)

v3.0.17

Compare Source

Fixed

• Remove false positive warning in CLI when using the --content option (#​7220)

v3.0.16

Compare Source

Fixed

• Ensure to transpile the PostCSS Nesting plugin (tailwindcss/nesting) (#​7080)
• Improve various warnings (#​7118)
• Fix grammatical mistake (cca5a38)

v3.0.15

Compare Source

Fixed

• Temporarily remove optional chaining in nesting plugin (#​7077)

v3.0.14

Compare Source

Added

• Show warnings for invalid content config (#​7065)

Fixed

• Only emit utility/component variants when those layers exist (#​7066)
• Ensure nesting plugins can receive options (#​7016)

v3.0.13

Compare Source

Fixed

• Fix consecutive builds with at apply producing different CSS (#​6999)

v3.0.12

Compare Source

Fixed

• Allow use of falsy values in theme config (#​6917)
• Ensure we can apply classes that are grouped with non-class selectors (#​6922)
• Improve standalone CLI compatibility on Linux by switching to the linuxstatic build target (#​6914)
• Ensure @apply works consistently with or without @layer (#​6938)
• Only emit defaults when using base layer (#​6926)
• Emit plugin defaults regardless of usage (#​6926)
• Move default border color back to preflight (#​6926)
• Change experimental.optimizeUniversalDefaults to only work with @tailwind base (#​6926)

v3.0.11

Compare Source

Fixed

• Preserve casing of CSS variables added by plugins (#​6888)
• Ignore content paths that are passed in but don't actually exist (#​6901)
• Revert change that applies Tailwind's defaults in isolated environments like CSS modules (9fdc391)

v3.0.10

Compare Source

Fixed

• Fix @apply in files without @tailwind directives (#​6580, #​6875)
• CLI: avoid unnecessary writes to output files (#​6550)

Added

• Allow piping data into the CLI (#​6876)

v3.0.9

Compare Source

Fixed

• Improve DEBUG flag (#​6797, #​6804)
• Ensure we can use < and > characters in modifiers (#​6851)
• Validate theme() works in arbitrary values (#​6852)
• Properly detect theme() value usage in arbitrary properties (#​6854)
• Improve collapsing of duplicate declarations (#​6856)
• Remove support for TAILWIND_MODE=watch (#​6858)

v3.0.8

Compare Source

Fixed

• Reduce specificity of abbr rule in preflight (#​6671)
• Support HSL with hue units in arbitrary values (#​6726)
• Add node16-linux-arm64 target for standalone CLI (#​6693)

v3.0.7

Compare Source

Fixed

• Don't mutate custom color palette when overriding per-plugin colors (#​6546)
• Improve circular dependency detection when using @apply (#​6588)
• Only generate variants for non-user layers (#​6589)
• Properly extract classes with arbitrary values in arrays and classes followed by escaped quotes (#​6590)
• Improve jsx interpolation candidate matching (#​6593)
• Ensure @apply of a rule inside an AtRule works (#​6594)

v3.0.6

Compare Source

Fixed

• Support square bracket notation in paths (#​6519)
• Ensure all plugins are executed for a given candidate (#​6540)

v3.0.5

Compare Source

Fixed

• Revert: add li to list-style reset (9777562d)

v3.0.4

Compare Source

Fixed

• Insert always-on defaults layer in correct spot (#​6526)

v3.0.3

Compare Source

Added

• Warn about invalid globs in content (#​6449)
• Add standalone tailwindcss CLI (#​6506)
• Add li to list-style reset (00f60e6)

Fixed

• Don't output unparsable values (#​6469)
• Fix text decoration utilities from overriding the new text decoration color/style/thickness utilities when used with a modifier (#​6378)
• Move defaults to their own always-on layer (#​6500)
• Support negative values in safelist patterns (#​6480)

v3.0.2

Compare Source

Fixed

• Prevent nesting plugin from breaking other plugins (#​7563)
• Recursively collapse adjacent rules (#​7565)
• Preserve source maps for generated CSS (#​7588)
• Split box shadows on top-level commas only (#​7479)
• Use local user CSS cache for @apply (#​7524)
• Invalidate context when main CSS changes (#​7626)
• Only add ! to selector class matching template candidate when using important modifier with multi-class selectors (#​7664)
• Correctly parse and prefix animation names with dots (#​7163)
• Fix extraction from template literal/function with array (#​7481)
• Don't output unparsable arbitrary values (#​7789)
• Fix generation of div:not(.foo) if .foo is never defined (#​7815)
• Allow for custom properties in rgb, rgba, hsl and hsla colors (#​7933)
• Remove autoprefixer as explicit peer-dependency to avoid invalid warnings in situations where it isn't actually needed (#​7949)
• Ensure the percentage data type is validated correctly (#​8015)
• Make sure font-weight is inherited by form controls in all browsers (#​8078)

Changed

• Replace chalk with picocolors (#​6039)
• Replace cosmiconfig with lilconfig (#​6039)
• Update cssnano to avoid removing empty variables when minifying (#​7818)

v3.0.1

Compare Source

Fixed

• Fix preflight border color fallback (#​7288)
• Correctly parse shadow lengths without a leading zero (#​7289)
• Don't crash when scanning extremely long class candidates (#​7331)
• Use less hacky fix for URLs detected as custom properties (#​7275)
• Correctly generate negative utilities when dash is before the prefix (#​7295)
• Detect prefixed negative utilities in the safelist (#​7295)

v3.0.0

Compare Source

Fixed

• Enforce the order of some variants (like before and after) (#​6018)

Added

• Add placeholder variant (#​6106)
• Add composable touch-action utilities (#​6115)
• Add support for "arbitrary properties" (#​6161)
• Add portrait and landscape variants (#​6046)
• Add text-decoration-style, text-decoration-thickness, and `text-underl

---

Configuration

📅 Schedule: Branch creation - At any time (no schedule defined), Automerge - At any time (no schedule defined).

🚦 Automerge: Disabled by config. Please merge this manually once you are satisfied.

♻ Rebasing: Whenever PR is behind base branch, or you tick the rebase/retry checkbox.

🔕 Ignore: Close this PR and you won't be reminded about this update again.

---

• If you want to rebase/retry this PR, check this box

---

This PR has been generated by Mend Renovate. View repository job log here.