Skip to content

@tailwindcss/upgrade throws Error: @utility no-default-hover-elevate is empty. Utilities should include at least one property. #20204

Description

@sceniclife

@tailwindcss/upgrade throws Error: @utility no-default-hover-elevate is empty. Utilities should include at least one property.

PS ______> npx @tailwindcss/upgrade
≈ tailwindcss v4.3.0

│ ↳ Upgrading from Tailwind CSS `v3.4.17` 

│ Searching for CSS files in the current directory and its subdirectories… 

│ ↳ Linked `.\tailwind.config.ts` to `.\client\src\index.css` 

│ Migrating JavaScript configuration files…

│ ↳ Migrated configuration file: `.\tailwind.config.ts` 

│ Migrating stylesheets…

│ Migrating stylesheets…

│ ↳ Migrated stylesheet: `.\client\src\index.css`


│ ↳ Migrated stylesheet: `.\client\src\index.css`

│ Updating dependencies…

│ ↳ Updated package: `tailwindcss`
│ Updating dependencies…

│ ↳ Updated package: `tailwindcss`

│ ↳ Updated package: `@tailwindcss/vite`

│ ↳ Updated package: `@tailwindcss/vite`
│ ↳ Updated package: `@tailwindcss/vite`
│ Migrating templates…

Error: `@utility no-default-hover-elevate` is empty. Utilities should include at least one property.

index.css

@utility no-default-hover-elevate {
  /* .no-default-hover-elevate/no-default-active-elevate is an escape hatch so consumers of
   * buttons/badges can remove the automatic brightness adjustment on interactions
   * and program their own. */
}

What version of Tailwind CSS are you using?

v3.4.17

What build tool (or framework if it abstracts the build tool) are you using?

Vite 5.4.20

What version of Node.js are you using?

v25.8.0

What browser are you using?

Cursor v3.7.12

What operating system are you using?

Windows 10

Metadata

Metadata

Assignees

Type

No type

Fields

No fields configured for issues without a type.

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions