Fix sorting inside CSS-in-JS css helper

package.json

@@ -22,7 +22,7 @@
 	"main": "index.js",
 	"dependencies": {
 		"postcss": "^8.4.21",
-		"postcss-sorting": "^8.0.1"
+		"postcss-sorting": "^8.0.2"
 	},
 	"peerDependencies": {
 		"stylelint": "^14.0.0 || ^15.0.0"
@@ -38,10 +38,10 @@
 		"lint-staged": "^13.1.1",
 		"postcss-html": "^1.5.0",
 		"postcss-less": "^6.0.0",
-		"postcss-styled-syntax": "^0.3.1",
+		"postcss-styled-syntax": "^0.4.0",
 		"prettier": "~2.8.4",
 		"prettier-config-hudochenkov": "^0.3.0",
-		"stylelint": "^15.0.0"
+		"stylelint": "^15.2.0"
 	},
 	"scripts": {
 		"lint": "eslint . --max-warnings=0 && prettier '**/*.js' --check",

rules/properties-order/tests/flat.js

@@ -421,6 +421,26 @@ testRule({
 			unfixable: true,
 			message: messages.expected('top', 'color'),
 		},
+		{
+			code: `
+				const Component = styled.div\`
+					\${() => css\`
+						color: tomato;
+						top: 0;
+					\`}
+				\`;
+			`,
+			fixed: `
+				const Component = styled.div\`
+					\${() => css\`
+						top: 0;
+						color: tomato;
+					\`}
+				\`;
+			`,
+			description: 'sort inside css helper',
+			message: messages.expected('top', 'color'),
+		},
 	],
 });
 

utils/getContainingNode.js

@@ -4,7 +4,7 @@ module.exports = function getContainingNode(node) {
 	}
 
 	// postcss-styled-syntax: declarations are children of Root node
-	if (node.parent?.type === 'root' && node.parent?.raws.styledSyntaxIsComponent) {
+	if (node.parent?.type === 'root' && node.parent?.raws.isRuleLike) {
 		return node.parent;
 	}