Update dependency tailwindcss to v2

[renovate]

This PR contains the following updates:

Package	Change	Age	Adoption	Passing	Confidence
tailwindcss (source)	1.6.0 -> 2.1.4

---

Release Notes

tailwindlabs/tailwindcss

v2.1.4

Compare Source

Fixed

• Skip raw PurgeCSS sources when registering template dependencies (#​4542)

v2.1.3

Compare Source

Fixed

• Register PurgeCSS paths as PostCSS dependencies to guarantee proper cache-busting in webpack 5 (#​4530)

v2.1.2

Compare Source

Fixed

• Fix issue where JIT engine would generate the wrong CSS when using PostCSS 7 (#​4078)

v2.1.1

Compare Source

Fixed

• Fix issue where JIT engine would fail to compile when a source path isn't provided by the build runner for the current input file (#​3978)

v2.1.0

Compare Source

Added

• Add alternate JIT engine (in preview) (#​3905)
• Add new mix-blend-mode and background-blend-mode utilities (#​3920)
• Add new box-decoration-break utilities (#​3911)
• Add new isolation utilities (#​3914)
• Add inline-table display utility (#​3563)
• Add list-item display utility (#​3929)
• Add new filter and backdrop-filter utilities (#​3923)

v2.0.4

Compare Source

Fixed

• Pass full var(--bg-opacity) value as opacityValue when defining colors as functions

v2.0.3

Compare Source

Fixed

• Ensure sourcemap input is deterministic when using @apply in Vue components (#​3356)
• Ensure placeholder opacity is consistent across browsers (#​3308)
• Fix issue where theme() didn't work with colors defined as functions (#​2919)
• Enable dark variants by default for color opacity utilities (#​2975)

Added

• Add support for a tailwind.config.cjs file in Node ESM projects (#​3181)
• Add version comment to Preflight (#​3255)
• Add cursor-help by default (#​3199)

v2.0.2

Compare Source

Fixed

• Fix issue with @apply not working as expected with !important inside an atrule (#​2824)
• Fix issue with @apply not working as expected with defined classes (#​2832)
• Fix memory leak, and broken @apply when splitting up files (#​3032)

Added

• Add default values for the ring utility (#​2951)

v2.0.1

Compare Source

• Nothing, just the only thing I could do when I found out npm won't let me publish the same version under two tags.

v2.0.0

Compare Source

Added

• Add redesigned color palette (#​2623, 700866c, #​2633)
• Add dark mode support (#​2279, #​2631)
• Add overflow-ellipsis and overflow-clip utilities (#​1289)
• Add transform-gpu to force hardware acceleration on transforms when desired (#​1380)
• Extend default spacing scale (#​2630, 7f05204)
• Add spacing scale to inset plugin (#​2630)
• Add percentage sizes to translate, inset, and height plugins (#​2630, 5259560)
• Extend default font size scale (#​2609, #​2619)
• Support using @apply with complex classes, including variants like lg:hover:bg-blue-500 (#​2159)
• Add new 2xl breakpoint at 1536px by default (#​2609)
• Add default line-height values for font-size utilities (#​2609)
• Support defining theme values using arrays for CSS properties that support comma separated values (e13f083c4)
• Enable group-hover for color plugins, boxShadow, and textDecoration by default (28985b6, f6923b1)
• Enable focus for z-index utilities by default (ae5b3d3)
• Support extend in variants configuration (#​2651)
• Add max-w-prose class by default (#​2574)
• Support flattening deeply nested color objects (#​2148)
• Support defining presets as functions (#​2680)
• Support deep merging of objects under extend (#​2679, #​2700)
• Enable focus-within for all plugins that have focus enabled by default (1a21f072, f6923b1)
• Added new ring utilities for creating outline/focus rings using box shadows (#​2747, 879f088, e0788ef)
• Added 5 and 95 to opacity scale (#​2747)
• Add support for default duration and timing function values whenever enabling transitions (#​2755)

Changed

• Completely redesign color palette (#​2623, 700866c, #​2633)
• Drop support for Node 8 and 10 (#​2582)
• Removed target feature and dropped any compatibility with IE 11 (#​2571)
• Upgrade to PostCSS 8 (but include PostCSS 7 compatibility build) (729b400, 1d8679d, c238ed1)
• Removed shadow-outline, shadow-solid, and shadow-xs by default in favor of new ring API (#​2747)
• Switch normalize.css to modern-normalize (#​2572)
• Rename whitespace-no-wrap to whitespace-nowrap (#​2664)
• Rename flex-no-wrap to flex-nowrap (#​2676)
• Remove clearfix utility, recommend flow-root instead (#​2766)
• Disable hover and focus for fontWeight utilities by default (f6923b1)
• Remove grid-gap fallbacks needed for old versions of Safari (5ec45fa)
• Change special use of 'default' in config to 'DEFAULT' (#​2580)
• New @apply implementation, slight backwards incompatibilities with previous behavior (#​2159)
• Make theme retrieve the expected resolved value when theme value is complex (e13f083c4)
• Move truncate class to textOverflow core plugin (#​2562)
• Remove scrolling-touch and scrolling-auto utilities (#​2573)
• Modernize default system font stacks (#​1711)
• Upgrade to PurgeCSS 3.0 (8e4e0a0)
• Change default text-6xl font-size to 3.75rem instead of 4rem (#​2619)
• Ignore [hidden] elements within space and divide utilities instead of template elements (#​2642)
• Automatically prefix keyframes and animation names when a prefix is configured (#​2621, #​2641)
• Merge extend objects deeply by default (#​2679)
• Respect preserveHtmlElements option even when using custom PurgeCSS extractor (#​2704)
• Namespace all internal custom properties under tw- to avoid collisions with end-user custom properties (#​2771)

v1.9.6

Compare Source

Changed

• The presets feature had unexpected behavior where a preset config without its own presets key would not extend the default config. (#​2662)

  If you were depending on this unexpected behavior, just add presets: [] to your own preset to exclude the default configuration.

v1.9.5

Compare Source

Fixed

• Fix issue where using theme with default line-heights did not resolve correctly

v1.9.4

Compare Source

Fixed

• Fix issue changing plugins defined using the withOptions API would not trigger rebuilds in watch processes

v1.9.3

Compare Source

Fixed

• Fix issue where tailwindcss init --full scaffolded a corrupt config file (All functions are missing from config file tailwindlabs/tailwindcss#2556)

Changed

• Remove console warnings about upcoming breaking changes

v1.9.2

Compare Source

Fixed

• Merge plugins when merging config with preset (#​2561
• Use word-wrap and overflow-wrap together, not one or the other since word-wrap is IE-only

v1.9.1

Compare Source

Fixed

• Don't import corePlugins in resolveConfig to avoid bundling browser-incompatible code (#​2548)

v1.9.0

Compare Source

Added

• Add new presets config option (#​2474)
• Scaffold new tailwind.config.js files with available future flags commented out (#​2379)
• Add col-span-full and row-span-full (#​2471)
• Make outline configurable, outline-none more accessible by default, and add outline-black and outline-white (#​2460)
• Add additional small rotate and skew values (#​2528)
• Add xl, 2xl, and 3xl border radius values (#​2529)
• Add new utilities for grid-auto-columns and grid-auto-rows (#​2531)
• Promote defaultLineHeights and standardFontWeights from experimental to future

Fixed

• Don't escape keyframe values (#​2432)
• Use word-wrap instead of overflow-wrap in ie11 target mode (#​2391)

Experimental

• Add experimental 2xl breakpoint (#​2468)
• Rename {u}-max-content and {u}-min-content utilities to {u}-max and {u}-min in experimental extended spacing scale (#​2532)
• Support disabling dark mode variants globally (#​2530)

v1.8.13

Compare Source

Fixed

• Support defining colors as closures even when opacity variables are not supported (#​2536)

v1.8.12

Compare Source

Fixed

• Reset color opacity variable in utilities generated using closure colors (#​2515)

v1.8.11

Compare Source

• Make tailwindcss.plugin work in ESM environments for reasons

v1.8.10

Compare Source

Fixed

• Prevent new dark experiment from causing third-party dark variants to inherit stacking behavior (#​2382)

v1.8.9

Compare Source

Fixed

• Add negative spacing values to inset plugin in the extendedSpacingScale experiment (#​2358)
• Fix issue where !important was stripped from declarations within rules that used @apply with applyComplexClasses (#​2376)

Changed

• Add future section to config stubs (#​2372, 3090b98)

v1.8.8

Compare Source

Fixed

• Register dark mode plugin outside of resolveConfig code path (#​2368)

v1.8.7

Compare Source

Fixed

• Fix issue where classes in escaped strings (like class=\"block\") weren't extracted properly for purging (#​2364)

v1.8.6

Compare Source

Fixed

• Fix issue where container padding not applied when using object syntax (#​2353)

v1.8.5

Compare Source

Fixed

• Fix issue where resolveConfig didn't take into account configs added by feature flags (#​2347)

v1.8.4

Compare Source

Fixed

• Fix issue where inserting extra PurgeCSS control comments could break integrated PurgeCSS support
• Fix issue where dark variant in 'class' mode was incompatible with 'group-hover' variant (#​2337)
• Support basic nesting structure with @apply when using the applyComplexClasses experiment (#​2271)

Changed

• Rename font-hairline and font-thin to font-thin and font-extralight behind standardFontWeights flag (experimental until v1.9.0) (#​2333)

v1.8.3

Compare Source

Fixed

• Fix issue where font-variant-numeric utilities would break in combination with most CSS minifier configurations (f3660ce)
• Only warn about conservative purge mode being deprecated once per process (58781b5)

v1.8.2

Compare Source

Fixed

• Fix bug where dark mode variants would cause an error if you had a plugins array in your config (#​2322)

v1.8.1

Compare Source

Fixed

• Support defining colors as closures even when opacity variables are not supported (#​2536)

v1.8.0

Compare Source

Added

• Dark mode variant (experimental) (#​2279)
• New preserveHtmlElements option for purge (#​2283)
• New layers mode for purge (#​2288)
• New font-variant-numeric utilities (#​2305)
• New place-items, place-content, place-self, justify-items, and justify-self utilities (#​2306)
• Support configuring variants as functions (#​2309)

Changed

• CSS within @layer at-rules are now grouped with the corresponding @tailwind at-rule (#​2312)

Deprecated

• conservative purge mode, deprecated in favor of layers

v1.7.6

Compare Source

Fixed

• Fix bug where the new experimental @apply implementation broke when applying a variant class with the important option globally enabled

v1.7.5

Compare Source

Changed

• Update lodash to latest to silence security warnings

v1.7.4

Compare Source

Added

• Add new -p flag to CLI to quickly scaffold a postcss.config.js file

Changed

• Make @apply insensitive to whitespace in the new applyComplexClasses experiment

Fixed

• Fix bug where the new applyComplexClasses experiment didn't behave as expected with rules with multiple selectors, like .foo, .bar { color: red }

v1.7.3

Compare Source

Changed

• Log feature flag notices to stderr instead of stdout to preserve compatibility with pipe-based build systems
• Add missing bg-none utility for disabling background images

Fixed

• Fix bug that prevented defining colors as closures when the gradientColorStops plugin was enabled

v1.7.2

Compare Source

Added

• Reuse generated CSS as much as possible in long-running processes instead of needlessly recalculating

v1.7.1

Compare Source

Changed

• Don't issue duplicate flag notices in long-running build processes

v1.7.0

Compare Source

Added

• Gradients
• New background-clip utilities
• New contents display utility
• Default letter-spacing per font-size
• Divide border styles
• Access entire config object from plugins
• Define colors as closures
• Use @apply with variants and other complex classes (experimental)
• New additional color-palette (experimental)
• Extended spacing scale (experimental)
• Default line-heights per font-size by default (experimental)
• Extended font size scale (experimental)

Deprecated

• Deprecated gap utilities

v1.6.3

Compare Source

Fixed

• Fixes issue where motion-safe and motion-reduce variants didn't stack correctly with group-hover variants

v1.6.2

Compare Source

Fixed

• Fixes issue where @keyframes respecting the important option would break animations in Chrome

v1.6.1

Compare Source

Fixed

• Fixes an issue where animation keyframes weren't included in the build without @​tailwind base (#​2108)

---

Configuration

📅 Schedule: At any time (no schedule defined).

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

♻ Rebasing: Whenever PR becomes conflicted, 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 WhiteSource Renovate. View repository job log here.

[vercel]

This pull request is being automatically deployed with Vercel (learn more).
To see the status of your deployment, click below or on the icon next to each commit.

🔍 Inspect: https://vercel.com/hpprc/next-template-tailwind/DUCxeFAJyNNhBMHmvQsfqf9uVdAw
✅ Preview: Failed

[Deployment for 2e99da1 failed]