normalise CSS parse errors

src/parse/read/style.js

@@ -6,10 +6,20 @@ export default function readStyle ( parser, start, attributes ) {
 	const styles = parser.readUntil( /<\/style>/ );
 	const contentEnd = parser.index;
 
-	const ast = parse( styles, {
+	let ast;
-		positions: true,
+
-		offset: contentStart
+	try {
-	});
+		ast = parse( styles, {
+			positions: true,
+			offset: contentStart
+		});
+	} catch ( err ) {
+		if ( err.name === 'CssSyntaxError' ) {
+			parser.error( err.message, err.offset );
+		} else {
+			throw err;
+		}
+	}
 
 	// tidy up AST
 	walk.all( ast, node => {

test/parser/error-css/error.json

@@ -0,0 +1,8 @@
+{
+	"message": "LeftCurlyBracket is expected",
+	"loc": {
+		"line": 2,
+		"column": 16
+	},
+	"pos": 24
+}

test/parser/error-css/input.html

@@ -0,0 +1,3 @@
+<style>
+	this is not css
+</style>