Bump jiti, lightningcss, fast-glob and browserlist dependencies and reflect lightningcss related improvements in tests (#11550)

* bump dependencies

* reflect lightningcss related changes

* update changelog

CHANGELOG.md

@@ -20,6 +20,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 - Escape animation names when prefixes contain special characters ([#11470](https://github.com/tailwindlabs/tailwindcss/pull/11470))
 - Don't prefix arbitrary classes in `group` and `peer` variants ([#11454](https://github.com/tailwindlabs/tailwindcss/pull/11454))
 - Sort classes using position of first matching rule ([#11504](https://github.com/tailwindlabs/tailwindcss/pull/11504))
+- Bump `jiti`, `lightningcss`, `fast-glob` and `browserlist` dependencies and reflect `lightningcss` related improvements in tests ([#11550](https://github.com/tailwindlabs/tailwindcss/pull/11550))
 
 ### Added
 

package.json

@@ -51,8 +51,8 @@
     "eslint": "^8.42.0",
     "eslint-config-prettier": "^8.8.0",
     "eslint-plugin-prettier": "^4.2.1",
-    "jest": "^29.5.0",
-    "jest-diff": "^29.5.0",
+    "jest": "^29.6.0",
+    "jest-diff": "^29.6.0",
     "prettier": "^2.8.8",
     "rimraf": "^5.0.0",
     "source-map-js": "^1.0.2",
@@ -66,11 +66,11 @@
     "chokidar": "^3.5.3",
     "didyoumean": "^1.2.2",
     "dlv": "^1.1.3",
-    "fast-glob": "^3.2.12",
+    "fast-glob": "^3.3.0",
     "glob-parent": "^6.0.2",
     "is-glob": "^4.0.3",
-    "jiti": "^1.18.2",
-    "lightningcss": "^1.21.0",
+    "jiti": "^1.19.1",
+    "lightningcss": "^1.21.5",
     "lilconfig": "^2.1.0",
     "micromatch": "^4.0.5",
     "normalize-path": "^3.0.0",

tests/kitchen-sink.test.js

@@ -404,11 +404,6 @@ test('it works', () => {
       :after {
         padding: 5px;
       }
-      *,
-      :before,
-      :after {
-        padding: 5px;
-      }
       ::-webkit-backdrop {
         padding: 5px;
       }
@@ -587,11 +582,6 @@ test('it works', () => {
       :after {
         margin: 10px;
       }
-      *,
-      :before,
-      :after {
-        margin: 10px;
-      }
       ::-webkit-backdrop {
         margin: 10px;
       }

tests/variants.test.css

@@ -148,12 +148,8 @@
   --tw-backdrop-sepia: ;
 }
 .first-letter\:flex:first-letter,
-.first-line\:flex:first-line {
-  display: flex;
-}
-.marker\:flex ::marker {
-  display: flex;
-}
+.first-line\:flex:first-line,
+.marker\:flex ::marker,
 .marker\:flex::marker {
   display: flex;
 }