Fix regression causing root of CSS or SCSS to be sorted

Author: hudochenkov

lib/getContainingNode.js

@@ -1,6 +1,15 @@
 module.exports = function getContainingNode(node) {
-	// For styled-components: declarations are children of Root node
-	if (node.type !== 'rule' && node.type !== 'atrule' && node.parent.type === 'root') {
+	if (node.type === 'rule' || node.type === 'atrule') {
+		return node;
+	}
+
+	// postcss-styled-syntax: declarations are children of Root node
+	if (node.parent?.type === 'root' && node.parent?.raws.styledSyntaxIsComponent) {
+		return node.parent;
+	}
+
+	// @stylelint/postcss-css-in-js: declarations are children of Root node
+	if (node.parent?.document?.nodes?.some((item) => item.type === 'root')) {
 		return node.parent;
 	}
 

lib/order/__tests__/order.js

@@ -496,6 +496,17 @@ groupTest([
 					}
 				`,
 			},
+			{
+				description: 'should not change in the root',
+				fixture: `
+					display: none;
+					@include hello;
+				`,
+				expected: `
+					display: none;
+					@include hello;
+				`,
+			},
 			{
 				fixture: `
 					a {