fix: postcss plugin not compiling variables

__tests__/tailwindcss/runner/index.ts

@@ -1,5 +1,5 @@
 import { TailwindConfig } from "tailwindcss/tailwind-config";
-import { extractStyles } from "../../../src/babel/native-style-extraction";
+import { extractStyles } from "../../../src/babel/extract-styles";
 import {
   MediaRecord,
   StyleError,

postcss.js

@@ -1 +1 @@
-module.exports = require("./dist/postcss").plugin;
+module.exports = require("./dist/postcss").default;

src/babel/extract-styles.ts

@@ -2,26 +2,20 @@ import { TailwindConfig } from "tailwindcss/tailwind-config";
 import postcss from "postcss";
 import tailwind from "tailwindcss";
 
-import plugin from "../../postcss";
+import plugin from "../postcss";
 
-import { MediaRecord, StyleError, StyleRecord } from "../../types/common";
+import { MediaRecord, StyleError, StyleRecord } from "../types/common";
 
-/**
- * This is used by both Babel and the CLI to extract the files
- *
- * The CLI watches the TailwindCLI output, so you don't need
- * to use the tailwind plugin
- */
 export function extractStyles(
   tailwindConfig: TailwindConfig,
-  cssInput = "@tailwind components;@tailwind utilities;",
-  includeTailwind = true
+  cssInput = "@tailwind components;@tailwind utilities;"
 ) {
   let styles: StyleRecord = {};
   let media: MediaRecord = {};
   let errors: StyleError[] = [];
 
   const plugins = [
+    tailwind(tailwindConfig),
     plugin({
       ...tailwindConfig,
       done: (output) => {
@@ -32,10 +26,6 @@ export function extractStyles(
     }),
   ];
 
-  if (includeTailwind) {
-    plugins.unshift(tailwind(tailwindConfig));
-  }
-
   postcss(plugins).process(cssInput).css;
 
   return {

src/babel/root-visitor.ts

@@ -1,7 +1,7 @@
 import { Program } from "@babel/types";
 import { NodePath } from "@babel/traverse";
 
-import { extractStyles } from "./native-style-extraction";
+import { extractStyles } from "./extract-styles";
 import { appendVariables } from "./transforms/append-variables";
 import { prependImport } from "./transforms/append-import";
 import { TailwindcssReactNativeBabelOptions, State } from "./types";