fix: Global states can be combined with the :scope selector.

Author: chriseppstein

packages/@css-blocks/core/src/BlockParser/block-intermediates.ts

@@ -99,6 +99,8 @@ export function isExternalBlock(object: NodeAndType): boolean {
  * @param object The NodeAndType's descriptor object.
  */
 export function isRootLevelObject(object: NodeAndType): object is RootAttributeNode | RootClassNode {
+  // Exclude foreign blocks from being considered root level objects.
+  if (object.blockType === BlockType.attribute && object.blockName) return false;
   return object.blockType === BlockType.root || object.blockType === BlockType.attribute;
 }
 

packages/@css-blocks/core/test/global-states-test.ts

@@ -20,6 +20,9 @@ export class BlockInheritance extends BEMProcessor {
 
     let filename = "widget.block.css";
     let inputCSS = `@block app from "./app.block.css";
+                    app[state|is-loading] :scope {
+                      border: none;
+                    }
                     app[state|is-loading] .b {
                       border: none;
                     }`;
@@ -28,6 +31,7 @@ export class BlockInheritance extends BEMProcessor {
       imports.assertImported("app.block.css");
       assert.deepEqual(
         result.css.toString(),
+        ".app--is-loading .widget { border: none; }\n" +
         ".app--is-loading .widget__b { border: none; }\n",
       );
     });