Highlighting breaks after using @screen

[hymair]

What version of Tailwind CSS IntelliSense are you using?

v0.8.2

What version of Tailwind CSS are you using?

v3.0.22

What package manager are you using?

yarn

What operating system are you using?

Windows 10 Pro

VSCode

Theme: One Dark Pro

VSCode Extensions:

λ code --list-extensions
antfu.iconify
apollographql.vscode-apollo
bierner.markdown-preview-github-styles
bradgashler.htmltagwrap
bradlc.vscode-tailwindcss
bungcip.better-toml
christian-kohler.npm-intellisense
christian-kohler.path-intellisense
csstools.postcss
dbaeumer.vscode-eslint
eamodio.gitlens
EditorConfig.EditorConfig
esbenp.prettier-vscode
fabiospampinato.vscode-todo-plus
golang.go
GraphQL.vscode-graphql
lokalise.i18n-ally
lukas-tr.materialdesignicons-intellisense
maximus136.change-string-case
mikestead.dotenv
ms-azuretools.vscode-docker
naumovs.color-highlight
octref.vetur
PKief.material-icon-theme
Prisma.prisma
sainoba.px-to-rem
syler.sass-indented
tomoki1207.selectline-statusbar
Tyriar.sort-lines
vincaslt.highlight-matching-tag
wix.vscode-import-cost
zhuangtongfa.material-theme

VSCode Settings JSON:

{
  "[python]": {
    "editor.tabSize": 4
  },
  "[TODO]": {
    "editor.detectIndentation": false,
    "editor.insertSpaces": true,
    "editor.quickSuggestions": false,
    "editor.tabSize": 4
  },
  "breadcrumbs.enabled": false,
  "debug.javascript.codelens.npmScripts": "never",
  "editor.acceptSuggestionOnEnter": "smart",
  "editor.cursorBlinking": "phase",
  "editor.defaultFormatter": "esbenp.prettier-vscode",
  "editor.dragAndDrop": false,
  "editor.fontFamily": "Hack",
  "editor.fontLigatures": true,
  "editor.formatOnSave": true,
  "editor.lineHeight": 21,
  "editor.multiCursorModifier": "ctrlCmd",
  "editor.occurrencesHighlight": false,
  "editor.renderControlCharacters": false,
  "editor.renderLineHighlight": "gutter",
  "editor.renderWhitespace": "none",
  "editor.smoothScrolling": true,
  "editor.tabCompletion": "on",
  "editor.tabSize": 2,
  "editor.wordWrap": "on",
  "emmet.preferences": {
    "stylus.valueSeparator": ": "
  },
  "emmet.triggerExpansionOnTab": true,
  "eslint.validate": [
    "javascript",
    "javascriptreact",
    "typescript",
    "typescriptreact",
    "graphql",
    "vue"
  ],
  "explorer.confirmDelete": false,
  "explorer.confirmDragAndDrop": false,
  "explorer.openEditors.visible": 0,
  "extensions.ignoreRecommendations": false,
  "files.exclude": {
    "**/.DS_Store": true,
    "**/.git": true,
    "**/.hg": true,
    "**/.ipynb_checkpoints": true,
    "**/.nuxt": true,
    "**/.svn": true,
    "**/CVS": true,
    "**/node_modules": true
  },
  "files.insertFinalNewline": true,
  "files.trimFinalNewlines": true,
  "files.trimTrailingWhitespace": true,
  "git.enableSmartCommit": true,
  "gitlens.advanced.messages": {
    "suppressFileNotUnderSourceControlWarning": true
  },
  "gitlens.codeLens.enabled": false,
  "gitlens.views.repositories.files.layout": "tree",
  "material-icon-theme.folders.theme": "classic",
  "prettier.semi": false,
  "prettier.singleQuote": true,
  "search.exclude": {
    "**/*-lock.json": true,
    "**/*.min.js": true,
    "**/pnpm-lock.yaml": true,
    "**/yarn.lock": true
  },
  "terminal.integrated.cursorStyle": "line",
  "todo.symbols.box": "□",
  "todo.statistics.project.enabled": false,
  "vetur.format.defaultFormatter.html": "prettier",
  "window.menuBarVisibility": "toggle",
  "workbench.activityBar.visible": true,
  "workbench.editor.pinnedTabSizing": "compact",
  "workbench.iconTheme": "material-icon-theme",
  "workbench.startupEditor": "newUntitledFile",
  "editor.autoIndent": "advanced",
  "workbench.colorTheme": "One Dark Pro",
  "eslint.alwaysShowStatus": true,
  "prettier.htmlWhitespaceSensitivity": "ignore",
  "vetur.experimental.templateInterpolationService": true,
  "security.workspace.trust.enabled": false,
  "files.associations": {
    "TODO": "todo",
    ".sentryclirc": "ignore"
  },
  "files.watcherExclude": {
    "TODO": true
  },
  "editor.hover.above": false,
  "emmet.includeLanguages": {
    "postcss": "css"
  },
  "css.validate": false,
  "vscode-graphql.rejectUnauthorized": false,
  "editor.unicodeHighlight.ambiguousCharacters": false,
  "http.proxyStrictSSL": false,
  "http.proxySupport": "off",
  "http.systemCertificates": false,
  "vetur.validation.template": false,
  "go.toolsManagement.autoUpdate": true,
  "apollographql.display.showRunInStudioButton": false,
  "git.autofetch": true,
  "[prisma]": {
    "editor.defaultFormatter": "Prisma.prisma",
    "editor.formatOnSave": true
  },
  "terminal.integrated.defaultProfile.windows": "Git Bash",
  "terminal.integrated.rightClickBehavior": "default",
  "i18n-ally.displayLanguage": "en",
  "vscode-graphql.showExecCodelens": true,
  "importCost.smallPackageColor": "rgba(124, 195, 110, 0.2)",
  "importCost.mediumPackageColor": "rgba(124, 195, 110, 0.2)",
  "importCost.largePackageColor": "#d44e40",
  "editor.inlineSuggest.enabled": true,
  "github.copilot.enable": {
    "*": true,
    "yaml": false,
    "plaintext": false,
    "markdown": false,
    "vue": false
  }
}

Describe your issue

As mentioned in #436 and as seen in the screenshot below, after the use of @screen the highlighting for the rest of the block lines breaks.

[bradlc]

Thanks for reopening @hymair! With the extra info I was able to reproduce the issue 👍