Remove filescoping from babel-plugin, Add transform integration APIs (#…

…827)

.changeset/early-experts-bathe.md

@@ -0,0 +1,18 @@
+---
+'@vanilla-extract/esbuild-plugin': minor
+'@vanilla-extract/vite-plugin': minor
+'@vanilla-extract/rollup-plugin': minor
+---
+
+Add automatic debug IDs
+
+Automatic debug IDs allow your styles and other identifiers (e.g. CSS Vars, keyframes, etc) to have names that more closely reflect your source code when in development. This makes it easier to understand how the CSS output links to your source code. 
+
+```ts
+// styles.css.ts
+
+// redBox ~= 'styles_redBox_asdfgj'
+const redBox = style({
+    background: 'red'
+})
+```

.changeset/fuzzy-bags-hide.md

@@ -0,0 +1,7 @@
+---
+'@vanilla-extract/integration': minor
+---
+
+Add `transform` and `transformSync` functions
+
+The transform APIs can be used to append filescopes and automatic debug IDs to `.css.ts` files.

.changeset/nice-tools-wink.md

@@ -0,0 +1,8 @@
+---
+'@vanilla-extract/webpack-plugin': minor
+'@vanilla-extract/next-plugin': minor
+---
+
+Remove requirement for `@vanilla-extract/babel-plugin`
+
+Previously, to get automatic debug IDs you needed to use Babel with the `@vanilla-extract/babel-plugin` in your config. As this is no longer the case, the `@vanilla-extract/babel-plugin` should be removed completely from your project.

.changeset/strong-apricots-marry.md

@@ -0,0 +1,5 @@
+---
+'@vanilla-extract/integration': major
+---
+
+`vanillaExtractFilescopePlugin` has been renamed to `vanillaExtractTransformPlugin`

.changeset/tasty-pans-fry.md

@@ -0,0 +1,5 @@
+---
+'@vanilla-extract/integration': major
+---
+
+`compile` now expects a valid `identOption` parameter