如何在javascript中分隔css代码块？

const cssCode = `
  .class1 {
    color: red;
  }

  .class2 {
    color: blue;
  }
`;

const cssBlocks = cssCode.split(/\n\s*\n/);
console.log(cssBlocks);

const CSSParser = require('cssparser');

const cssCode = `
  .class1 {
    color: red;
  }

  .class2 {
    color: blue;
  }
`;

const parser = new CSSParser();
parser.parse(cssCode);

const cssBlocks = parser.getStylesheet().getRules();
console.log(cssBlocks);

function separateCSSBlocks(cssCode) {
  const blocks = [];
  let blockStartIndex = -1;
  let nestedCount = 0;

  for (let i = 0; i < cssCode.length; i++) {
    if (cssCode[i] === '{') {
      if (nestedCount === 0) {
        blockStartIndex = i;
      }
      nestedCount++;
    } else if (cssCode[i] === '}') {
      nestedCount--;
      if (nestedCount === 0 && blockStartIndex !== -1) {
        blocks.push(cssCode.substring(blockStartIndex, i + 1));
        blockStartIndex = -1;
      }
    }
  }

  return blocks;
}

const cssCode = `
  .class1 {
    color: red;
  }

  .class2 {
    color: blue;
  }
`;

const cssBlocks = separateCSSBlocks(cssCode);
console.log(cssBlocks);