tailwindcss 是如何确定第三方组件库的样式依赖的？

Question

https://tailwindcss.com/docs/content-configuration

在这篇文章中提到了tailwind.config.js中关于conent属性配置的问题。
应该配置的是项目 自身html,js,jsx等使用到了taiwindcss样式的文件的路径，其中特别强调了不应该包含项目中的 .css文件。

问题:
1.扫描文件的主要任务是 提取项目中使用到了的 tailwind的样式名称，以便生成项目需要的tailwind 具体的样式 ，这个任务是不是只是为了 做 树摇，保证只生成用到的样式？。

2. 如下结构

import './main.css'
import './styleA.css'

@tailwind base;
@tailwind components;
@tailwind utilities;

@layer utilities {
  .content-auto {
    content-visibility: auto;
  }
}

整个编译会不通过，提示 styleA.css中 应该 增加 @tailwind utilities；
为什么？
如果不是在main.js 中import './styleA.css' 而是 在 main.css中 @import './styleA.css'
就不会报错。 看起来好像第一种方式 main.css和styleAcss分别单独处理， 第二种方式两个文件merge合并处理

3. 项目中使用到了 第三方库 https://daisyui.com/docs/install/
   tailwind 会扫描第三方库 来确定 项目使用到了那些 tailwind样式吗？ 如何确保使用到的组件库中的组件的 tailwind样式不会丢失？？？

========================4
补充：

1. 好像tw-elements组件库 就是配置需要扫描的组件库路径