Update Compiler with new CSS Parser (#2833)

* chore: update compiler * Update eighty-trees-thank.md * test: update css test
withastro · Mar 18, 2022 · 7954541 · 7954541
1 parent 31a1b40
commit 7954541
Show file tree

Hide file tree

Showing 4 changed files with 14 additions and 6 deletions.
diff --git a/.changeset/eighty-trees-thank.md b/.changeset/eighty-trees-thank.md
@@ -0,0 +1,7 @@
+---
+'astro': minor
+---
+
+This PR introduces a new internal CSS parser for `@astrojs/compiler`. See [`withastro/compiler#329`](https://github.com/withastro/compiler/pull/329) for more details.
+
+This fixes Astro's support for modern CSS syntax like `@container`, `@layer`, and nesting. **Note** While Astro now correctly parses this modern syntax, it does not automatically compile features for browser compatability purposes.
diff --git a/packages/astro/package.json b/packages/astro/package.json
@@ -61,7 +61,7 @@
     "test:match": "mocha --timeout 20000 -g"
   },
   "dependencies": {
-    "@astrojs/compiler": "^0.12.1",
+    "@astrojs/compiler": "^0.13.0",
     "@astrojs/language-server": "^0.8.10",
     "@astrojs/markdown-remark": "^0.6.4",
     "@astrojs/prism": "0.4.0",

diff --git a/packages/astro/test/astro-partial-html.test.js b/packages/astro/test/astro-partial-html.test.js
@@ -33,7 +33,7 @@ describe('Partial HTML', async () => {
 				},
 			})
 			.then((res) => res.text());
-		expect(css).to.match(/\.astro-[^{]+{color:red;}/);
+		expect(css).to.match(/\.astro-[^{]+{color:red}/);
 	});
 
 	it('injects framework styles', async () => {

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml