fix: tailwindcss-3d plugin breaks scale animations

[dylancom]

Describe the changes you have made in this PR

The menu's (such as UserMenu / AccountMenu) now feel "laggy" as there is no animation on the scaling. It jumps weirdly. I found out that tailwindcss-3d adjusts many classes and breaks the "scaling" transitions.

fix: remove the tailwindcss-3d plugin and create a custom plugin that provides the class that was actually used from the plugin: translate-z-0.

Type of change

• fix: Bug fix (non-breaking change which fixes an issue)

[socket-security]

New and removed dependencies detected. Learn more about Socket for GitHub ↗︎

Package	New capabilities	Transitives	Size	Publisher
npm/@types/[email protected]	None	0	8.3 kB	types
npm/@types/[email protected]	None	0	6.14 kB	types
npm/@types/[email protected]	None	0	7 kB	types
npm/@types/[email protected]	None	0	5.05 kB	types
npm/[email protected]	None	0	16.8 kB	dougwilson
npm/[email protected]	None	0	19.1 kB	dougwilson
npm/[email protected]	None	0	10.2 kB	dougwilson
npm/[email protected]	None	0	4.45 kB	sindresorhus
npm/[email protected]	None	0	5.88 kB	dougwilson
npm/[email protected]	filesystem	0	3.01 kB	sindresorhus
npm/[email protected]	None	0	9.16 kB	trysound
npm/[email protected]	environment, filesystem	0	3.76 kB	sindresorhus
npm/[email protected]	None	0	67.9 kB	jdalton
npm/[email protected]	environment, filesystem	0	51.7 kB	broofa
npm/[email protected]	None	0	27.4 kB	dougwilson
npm/[email protected]	None	0	10.3 kB	dougwilson
npm/[email protected]	None	0	15.4 kB	dougwilson
npm/[email protected]	None	0	8.46 kB	dougwilson
npm/[email protected]	None	0	18.9 kB	tim-kos
npm/[email protected]	None	0	4.03 kB	wesleytodd
npm/[email protected]	None	0	4.68 kB	dougwilson
npm/[email protected]	None	0	18.5 kB	dougwilson

🚮 Removed packages: npm/@swc/[email protected], npm/@types/[email protected], npm/@types/[email protected], npm/@types/[email protected], npm/@webassemblyjs/[email protected], npm/@webassemblyjs/[email protected], npm/@webassemblyjs/[email protected], npm/[email protected], npm/[email protected], npm/[email protected], npm/[email protected], npm/[email protected], npm/[email protected], npm/[email protected], npm/[email protected], npm/[email protected], npm/[email protected], npm/[email protected], npm/[email protected], npm/[email protected], npm/[email protected], npm/[email protected]

View full report↗︎

[reneaaron]

@dylancom Great catch, thanks for the PR!

tACK

cc @pavanjoshi914

[pavanjoshi914]

Thanks for the PR! tAck