Upgrade: Do not migrate overflow-clip utility (#15244)

`overflow-clip` was the name for `text-clip` in v4. However, that was
changed in v3 already so in v3 `overflow-clip` is already doing the same
as in v4. Hence a codemod is not necessary.

Co-authored-by: Adam Wathan <adam.wathan@gmail.com>
This commit is contained in:
Philipp Spiess 2024-11-29 17:00:15 +01:00 • committed by GitHub
parent 99b73ee368
commit 3ab98f0533
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
3 changed files with 4 additions and 2 deletions

View file

@ -11,6 +11,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
- Don't scan source files for utilities unless `@tailwind utilities` is present in the CSS in `@tailwindcss/postcss` and `@tailwindcss/vite` ([#15226](https://github.com/tailwindlabs/tailwindcss/pull/15226))
- Skip reserializing CSS files that don't use Tailwind features in `@tailwindcss/postcss` and `@tailwindcss/vite` ([#15226](https://github.com/tailwindlabs/tailwindcss/pull/15226))
- _Upgrade (experimental)_: Do not migrate the `overflow-clip` utility ([#15244](https://github.com/tailwindlabs/tailwindcss/pull/15244))
## [4.0.0-beta.3] - 2024-11-27

View file

@ -3,7 +3,6 @@ import { expect, test } from 'vitest'
import { simpleLegacyClasses } from './simple-legacy-classes'
test.each([
['overflow-clip', 'text-clip'],
['overflow-ellipsis', 'text-ellipsis'],
['flex-grow', 'grow'],
['flex-grow-0', 'grow-0'],
@ -17,6 +16,9 @@ test.each([
['max-lg:hover:!decoration-slice', 'max-lg:hover:box-decoration-slice!'],
['focus:outline-none', 'focus:outline-hidden'],
// Should not convert v2 utilities
['overflow-clip', 'overflow-clip'],
])('%s => %s', async (candidate, result) => {
let designSystem = await __unstable__loadDesignSystem('@import "tailwindcss";', {
base: __dirname,

View file

@ -5,7 +5,6 @@ import { printCandidate } from '../candidates'
// Classes that used to exist in Tailwind CSS v3, but do not exist in Tailwind
// CSS v4 anymore.
const LEGACY_CLASS_MAP = {
'overflow-clip': 'text-clip',
'overflow-ellipsis': 'text-ellipsis',
'flex-grow': 'grow',