Use jekyll-postcss-v2 to prune tailwind using _site

Gemfile

@@ -5,7 +5,7 @@ git_source(:github) { |repo| "https://github.com/#{repo}.git" }
 gem 'jekyll', '~> 4.3', '>= 4.3.3'
 
 group :jekyll_plugins do
-  gem 'jekyll-postcss', '~> 0.5.0'
+  gem 'jekyll-postcss-v2', '~> 1.0', '>= 1.0.2'
   gem 'jekyll-seo-tag',
     github: 'imustafin/jekyll-seo-tag'
   # path: '/home/ilgiz/jekyll-seo-tag'

Gemfile.lock

@@ -49,7 +49,7 @@ GEM
       jekyll (>= 2.0, < 5.0)
     jekyll-plantuml (1.4.2)
       jekyll (> 2.0)
-    jekyll-postcss (0.5.0)
+    jekyll-postcss-v2 (1.0.2)
     jekyll-redirect-from (0.16.0)
       jekyll (>= 3.3, < 5.0)
     jekyll-sass-converter (3.0.0)
@@ -136,7 +136,7 @@ DEPENDENCIES
   jekyll (~> 4.3, >= 4.3.3)
   jekyll-node-module (~> 0.1.3)
   jekyll-plantuml (~> 1.4, >= 1.4.2)
-  jekyll-postcss (~> 0.5.0)
+  jekyll-postcss-v2 (~> 1.0, >= 1.0.2)
   jekyll-redirect-from (~> 0.16.0)
   jekyll-seo-tag!
   jekyll_picture_tag (~> 2.1)

_config.yml

@@ -14,17 +14,14 @@ markdown: kramdown
 plugins:
   - jekyll-redirect-from
   - jekyll-plantuml
-  - jekyll-postcss
+  - jekyll-postcss-v2
   - jekyll-node-module
 
 node_modules:
   copy:
     - source: '@fontsource-variable/roboto-slab/files'
       target: 'assets/css/files'
 
-postcss:
-  cache: false
-
 redirect_from:
   json: false
 

assets/css/main.css

@@ -3,7 +3,7 @@ include_in_sitemap: false
 ---
 @import "@fontsource-variable/roboto-slab";
 
-@import "assets/css/rouge-github.css";
+@import "rouge-github.css";
 
 object.plantuml {
 		@apply max-w-full;

assets/css/rouge-github.css

@@ -1,3 +1,9 @@
+---
+include_in_sitemap: false
+---
+
+@layer components {
+
 .highlight table td { padding: 5px; }
 .highlight table pre { margin: 0; }
 .highlight .cm {
@@ -207,3 +213,5 @@
 .highlight {
   background-color: #f8f8f8;
 }
+
+}

package.json

@@ -4,6 +4,7 @@
     "autoprefixer": "^10.4.19",
     "cssnano": "^7.0.1",
     "postcss": "^8.4.38",
+    "postcss-cli": "^11.0.0",
     "postcss-import": "^16.1.0",
     "tailwindcss": "^3.4.3"
   },

tailwind.config.js

@@ -4,15 +4,7 @@ let fontsSerif = '"Roboto Slab", Rockwell, "Rockwell Nova", '
 
 module.exports = {
   darkMode: 'class',
-  content: [
-    './**/_drafts/**/*.html',
-    './**/_includes/**/*.html',
-    './**/_layouts/**/*.html',
-    './**/_posts/**/*.md',
-    './*.md',
-    './*.html',
-    '_config.yml',
-  ],
+  content: ['_site/**/*.html'],
   theme: {
     extend: {
       colors: {