feat(tailwindcss-transformer): Scaffold package

[alexcarpenter]

Description

Initializes a new package tailwindcss-transformer. This is an experimental package we will be using to rebuild AIO components using Elements and Tailwind CSS.

↓ Input ↓

export function Example({ flag }){
  let className = cn('absolute inset-0', flag && 'uppercase')
  return <div className={cn('flex items-center text-sm', className)} />
}

↓ Transform ↓

export function Example({ flag }){
  let className = cn('cl-7601190e', flag && 'cl-d2cf63c7')
  return <div className={cn('cl-f64ae6a6', className)} />
}

.cl-7601190e {
  @apply absolute inset-0;
}

.cl-d2cf63c7 {
  @apply uppercase;
}

.cl-f64ae6a6 {
  @apply flex items-center text-sm;
}

↓ Compile CSS ↓

.cl-7601190e {
  position: absolute;
  inset: 0;
}

.cl-d2cf63c7 {
  text-transform: uppercase;
}

.cl-f64ae6a6 {
  display: flex;
  align-items: center;
  font-size: 0.875rem;
}

Checklist

• npm test runs as expected.
• npm run build runs as expected.
• (If applicable) JSDoc comments have been added or updated for any package exports
• (If applicable) Documentation has been updated

Type of change

• 🐛 Bug fix
• 🌟 New feature
• 🔨 Breaking change
• 📖 Refactoring / dependency upgrade / documentation
• other:

[changeset-bot]

🦋 Changeset detected

Latest commit: 482fd0f

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 0 packages

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[LekoArts]

We're using Jest everywhere else so Vitest needs to be changed here to Jest

[kylemac]

@LekoArts i checked in with @BRKalow about vitest and his conclusion was this wasn't a problem. its probably worth surfacing as a topic with a few more folks before we make any changes here @alexcarpenter (particularly bc this is all a bit exploratory atm)

[alexcarpenter]

Closing in favor of the work done in #3402