Remove react-native-web-tailwind-compat (#3)

Once uni-stack/uniwind#281 is fixed ,
`react-native-web-tailwind-compat` will no longer be required and can be
removed

Author: a16n-dev

.github/workflows/test.yml

@@ -0,0 +1,30 @@
+name: Tests
+
+on:
+  push:
+    branches:
+      - main
+  pull_request:
+    branches:
+      - main
+
+jobs:
+  test:
+    name: Run Tests
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+
+      - name: Setup node
+        uses: actions/setup-node@v4
+        with:
+          node-version: '24'
+
+      - uses: pnpm/action-setup@v4
+        name: Install pnpm
+        with:
+          run_install: true
+
+      - name: Run tests
+        run: pnpm test

README.md

@@ -1,20 +1,20 @@
 # uniwind-plugin-next
 
-[Uniwind](https://uniwind.dev/) config plugin for Next.js projects using Webpack. Turbopack is not supported at this stage.
+[Uniwind](https://uniwind.dev/) config plugin for Next.js projects using Webpack. Turbopack-based projects are not supported at this stage.
 
 ## Example
 See a fully working example project here: [Demo](http://uniwind-next.a16n.dev/) ([Source](https://github.com/a16n-dev/uniwind-plugin-next/tree/main/examples/next-16))
 
-
 ## Compatibility
 See the table below for tested versions of `uniwind-plugin-next` and corresponding versions of `uniwind`. Other versions of `uniwind` may work, but are not guaranteed to.
 
 Tested on Next `16.1`, but other versions will likely work fine.
 
 | Uniwind           | uniwind-plugin-next |
 |-------------------|---------------------|
-| `1.2.2`-`1.2.3`   | `1.1.0`-`1.2.0`     |
+| `1.2.7`           | `1.4.0`             |
 | `1.2.4` - `1.2.6` | `1.3.0`             |
+| `1.2.2`-`1.2.3`   | `1.2.0`             |
 
 ## Installation & setup
 This setup guide assumes you already have a next.js project setup with Tailwind v4
@@ -91,6 +91,4 @@ export default withUniwindPro(withExpo(nextConfig), { ... });
 ## SSR Considerations
 - This plugin marks all Uniwind web components with `'use client'` automatically, so you do not need to do this manually.
 
-- Be aware that some Uniwind features, such as `withUniwind` and `useResolveClassNames` will not work in a server environment, as they rely on accessing `window` or `document`.
-
-- Additional code is required to avoid a flash of unstyled content (FOUC). See the example project for reference.
+- Be aware that some Uniwind features, such as `withUniwind` and `useResolveClassNames` will not work in a server environment, as they rely on accessing `window` or `document`.

examples/next-16/next.config.ts

@@ -1,21 +1,13 @@
 import type { NextConfig } from "next";
 import { withUniwind } from "uniwind-plugin-next";
 import { withExpo } from "@expo/next-adapter";
-import { NormalModuleReplacementPlugin } from "webpack";
 
 const nextConfig: NextConfig = {
   webpack(config) {
     if (!config.plugins) {
       config.plugins = [];
     }
 
-    config.plugins.push(
-      new NormalModuleReplacementPlugin(
-        /react-native-web\/dist\/exports\/StyleSheet\/dom\/createCSSStyleSheet/,
-        require.resolve("react-native-web-tailwind-compat/createCSSStyleSheet"),
-      ),
-    );
-
     return config;
   },
 };

examples/next-16/package.json

@@ -16,8 +16,7 @@
     "react-dom": "19.2.3",
     "react-native": "0.81",
     "react-native-web": "^0.21.2",
-    "react-native-web-tailwind-compat": "workspace:*",
-    "uniwind": "^1.2.4",
+    "uniwind": "^1.2.7",
     "uniwind-plugin-next": "workspace:*"
   },
   "devDependencies": {

examples/next-16/src/app/ReactNativeWebStyleSheet.tsx

@@ -2,14 +2,15 @@
 
 import { useRef } from "react";
 import { useServerInsertedHTML } from "next/navigation";
-import { getServerStyleSheet } from "react-native-web-tailwind-compat";
+import { StyleSheet } from "react-native";
 
 export function ReactNativeWebStyleSheet() {
   const hasInserted = useRef(false);
   useServerInsertedHTML(() => {
     if (hasInserted.current) return;
     hasInserted.current = true;
-    const sheet = getServerStyleSheet();
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    const sheet = (StyleSheet as any).getSheet();
 
     return (
       <style