From 57317ae306d27c809c3b10f0972127588d9ada81 Mon Sep 17 00:00:00 2001
From: Boris Serdiuk <just-boris@hotmail.com>
Date: Mon, 30 Dec 2024 15:27:21 +0100
Subject: [PATCH 1/2] Document dependency on rollup-plugin-css-only for rollup
 usage

---
 README.md | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/README.md b/README.md
index 2959a25..e2f3e10 100644
--- a/README.md
+++ b/README.md
@@ -30,9 +30,10 @@ export default defineConfig({
 ```ts
 // rollup.config.js
 import LightningCSS from 'unplugin-lightningcss/rollup'
+import css from 'rollup-plugin-css-only'
 
 export default {
-  plugins: [LightningCSS()],
+  plugins: [LightningCSS(), css()],
 }
 ```
 

From fed4a5390ade5a3bbc56cbc85dd46e3d345f6dbd Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=B8=89=E5=92=B2=E6=99=BA=E5=AD=90=20Kevin=20Deng?=
 <sxzz@sxzz.moe>
Date: Tue, 31 Dec 2024 10:44:43 +0800
Subject: [PATCH 2/2] update

---
 README.md | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/README.md b/README.md
index e2f3e10..2d825db 100644
--- a/README.md
+++ b/README.md
@@ -27,10 +27,12 @@ export default defineConfig({
 <details>
 <summary>Rollup</summary><br>
 
+Since Rollup does not support CSS out of the box, you need to use a CSS plugin like [`rollup-plugin-css-only`](https://github.com/thgh/rollup-plugin-css-only).
+
 ```ts
 // rollup.config.js
-import LightningCSS from 'unplugin-lightningcss/rollup'
 import css from 'rollup-plugin-css-only'
+import LightningCSS from 'unplugin-lightningcss/rollup'
 
 export default {
   plugins: [LightningCSS(), css()],